7 kostenlose Tutorials zum Lernen von Reaktionen und zum Erstellen von Web-Apps

Im Moment ist React nicht nur auf dem Höhepunkt seiner Popularität, sondern es wird auch immer populärer. Was JavaScript-Webentwicklung angeht, ist Programmierung vs. Webentwicklung: Was ist der Unterschied? Programmierung vs. Webentwicklung: Was ist der Unterschied? Sie denken vielleicht, dass Anwendungsprogrammierer und Webentwickler die gleiche Arbeit verrichten, aber das ist alles andere als die Wahrheit. Hier sind die wichtigsten Unterschiede zwischen Programmierern und Webentwicklern. Read More, React ist eines der am einfachsten zu erlernenden Frameworks und eines der effektivsten für eine schnelle und robuste Entwicklung.

Wenn Sie sich entschieden haben, es zu lernen, klopfen Sie sich auf die Rückseite: Sie haben eine kluge Entscheidung getroffen.

Das einzige Problem ist, dass die meisten lohnenden React-Kurse mit einem hohen Preis verbunden sind. Der hochgelobte React for Beginners-Kurs kostet beispielsweise 89 Euro (Starter-Version) und 127 Euro (Master-Version). Kostenlose Kurse sind selten so umfangreich und hilfreich - aber wir haben einige gefunden, die ausgezeichnet sind und Sie auf den richtigen Fuß bringen werden. Was macht ein gutes Programmier-Tutorial aus? Was macht ein gutes Lernprogramm aus? Nicht alle Programmier-Tutorials sind gleich. Einige profitieren davon, dass Sie und andere Ihre Zeit verschwenden. Hier ist, worauf Sie in einem Qualitätsprogrammierungs-Tutorial achten sollten. Weiterlesen .

1. Grundkurs der Reaktionstraining

Tyler McGinnis ist ein bekannter Entwickler und Ausbilder von React, der seit Jahren über React unterrichtet und schreibt. Derzeit stehen ihm vier Kurse zu React Training zur Verfügung, von denen der erste völlig kostenlos ist und als Einstiegspunkt für die anderen dient.

Grundlagen der Reaktion Es ist in 32 Video-Lektionen unterteilt, die bis zu drei Unterrichtsstunden umfassen. Sie erfahren alles, was Sie benötigen, um eine grundlegende React-App zum Laufen zu bringen (z. B. React-Ökosystem, NPM, Babel und Webpack), die Kernkonzepte und den Lebenszyklus, die die React-Apps antreiben, das korrekte Schreiben von Komponenten und das Übergeben von Daten um.

Es ist dicht Es ist informativ. Es ist die perfekte Einführung, und die Tatsache, dass McGinnis es kostenlos anbietet, ist großartig. Dies sollte Ihre erste Station sein, wenn Sie React lernen.

Webseite - React-Grundlagenkurs

2. Mit Reaktion hacken

Hacking mit Reaktion ist ein eBook, das völlig kostenlos ist, von Cover zu Cover, wenn Sie die reine Webversion lesen. Sie können eine herunterladbare PDF-, EPUB- oder MOBI-Version für $ 10 erwerben, wenn Sie sie lieber mitnehmen und offline lernen möchten. In jedem Fall ist es eine großartige Quelle für Anfänger, die keine Videos mögen.

Es fängt ganz am Anfang an, erklärt grundlegende Konzepte wie JSX und Komponenten und Requisiten und hält Ihre Hand, während Sie Zwischenstufen wie Zustände, Routing, Tests, Fusseln usw. durchlaufen. Es ist in ES6 geschrieben, damit Sie fertig sind, und Sie werden auf diesem Weg Best Practices lernen, darunter Babel, Webpack und ESLint.

Werden Sie zu einem Experten von React? Nein, aber es ist so werden machen Sie sich wohl genug, um sich sicher zu fühlen und weiter zu lernen. Zumindest wissen Sie mehr als genug über React, um zu entscheiden, ob Sie Geld für einen fortgeschrittenen Premiumkurs an anderer Stelle ausgeben möchten.

Webseite - Hacking mit Reaktion

3. Das offizielle React Tutorial

Man könnte denken, dass das offizielle Tutorial der erste Ort sein sollte, um React zu lernen, aber ich persönlich fand es für komplette Neulinge etwas zu schnell - es setzte viel mehr Wissen voraus als die meisten Neulinge. Dies ist perfekt, wenn Sie bereits Erfahrungen mit einem anderen JavaScript-Web-Framework gemacht haben.

Das wird gesagt, das offizielle React-Tutorial ist fantastisch, wenn Sie die Kernkonzepte von React kennen gelernt haben und sich schwer tun, sie in die Praxis umzusetzen. Es führt Sie durch die Erstellung einer Tic-Tac-Toe-Web-App, die nur Komponenten, Requisiten und Status verwendet. Sie schließt die Lücke zwischen abstrakter Theorie und praktischer Anwendung.

Ich empfehle auch die offizielle React-Dokumentation, Das erklärt jedes Stück von React in überraschender Menge Detail. Insbesondere die Denken in Reaktion page ist wie ein kleines Tutorial zum Erkennen der Redewendungen, die React antreiben. Scheuen Sie sich nicht, immer wieder auf die React-Dokumentation zu verweisen, während Sie Ihre eigenen Apps lernen und erstellen.

Webseite - Das offizielle React Tutorial und Thinking in React

4. Der Grundkurs von Egghead React

Egghead bietet Dutzende von Kursen (Hunderte von Lektionen) zu verschiedenen Webentwicklungsthemen an: JavaScript, Angular, React, RxJS, Node, TypeScript usw. React ist das drittgrößte Thema auf der Website. Es stehen fünf kostenlos zur Verfügung:

• Starten Sie die Verwendung von React zum Erstellen von Webanwendungen
• Fügen Sie Routing hinzu, um Apps mit React Router v4 zu reagieren
• Erste Schritte mit Redux
• Reaktivieren von Anwendungen mit idiomatic Redux
• Verwalten Sie komplexe Zustände in React Apps mit MobX

Die ersten beiden sind die wichtigsten, aber Sie möchten wahrscheinlich alle zu einem bestimmten Zeitpunkt (optimal in der angegebenen Reihenfolge) einnehmen. Die Kurse setzen voraus, dass Sie bereits über JavaScript verfügen. Wenn Sie sich mit der Sprache noch nicht auskennen, sollten Sie sich die JavaScript-Kurse von Egghead ansehen Codieren lernen. Sie werden die Dinge wahrscheinlich so schnell vergessen, wie Sie sie lernen. Diese Tipps helfen Ihnen dabei, all diese neuen Informationen besser aufzubewahren. Weiterlesen .

Beachten Sie, dass die Premium-Kurse auch ziemlich gut sind und es sich lohnt zu prüfen, ob Sie sich das Pro-Abonnement leisten können: 40 USD pro Monat oder 200 USD pro Jahr.

Webseite - Grundkurs des Egghead React

5. Lernen Sie React und Redux With Cabin

Obwohl Redux nicht Teil des Kerns von React ist, werden sie so oft zusammen verwendet, dass Sie es wirklich lernen sollten. Und selbst wenn Sie sich irgendwann von Redux entfernen, können Sie die Konzepte mitnehmen und auf das anwenden, was Sie an dessen Stelle enden.

Kabine ist eine 10-teilige Tutorial-Serie, in der Sie lernen, wie Sie eine vereinfachte Social-Network-App von Grund auf erstellen: Node / React / Webpack installieren, Funktionsweise von React verstehen, Redux einbinden, Funktionen für soziale Netzwerke wie Feeds und Benachrichtigungen, Bildverarbeitung und Filter wie Instagram und mehr.

Der letzte Teil ist eine Übersicht über “Best Practices” Auf diese Weise lernen Sie nicht nur die effektivste Methode zur Verwendung und Organisation von React / Redux, sondern auch häufige Fehler, die vermieden werden sollen, wie Sie eine skalierbare App entwerfen und mit Tools von Drittanbietern Ihren Entwicklungsworkflow vereinfachen.

Webseite - Lernen Sie React und Redux With Cabin

6. LearnCode Academy React Course

In den letzten paar Jahren, LearnCode Academy hat sich als einer der besten Programmkanäle auf YouTube ausgezeichnet Die 17 besten YouTube-Programmier-Tutorials Die 17 besten YouTube-Programmier-Tutorials In diesem Beitrag möchten wir Sie auf einige der besten YouTube-Programmserien hinweisen, die wir gefunden haben. All dies reicht aus, um als Neuling die Füße nass zu machen. Weiterlesen . Es ist auf Webentwicklung spezialisiert und deckt alle Arten von Themen ab, von HTML, CSS und JavaScript bis hin zu spezifischen Frameworks wie Angular und React. Und es ist alles kostenlos.

Der Kurs ist in drei Abschnitte unterteilt: acht Videos zu den Kernkonzepten von React, sechs Videos zur Verwendung von Flux für die Datenarchitektur und sieben Videos zur Verwendung von Redux zur Statusverwaltung. All dies geschieht mit aktuellen Praktiken, einschließlich ES6 und Webpack.

Beachten Sie, dass dies kein umfassender Kurs ist und Flux und Redux beide fortgeschrittene Konzepte sind, die nicht Teil des Kernrahmens von React sind. Daher empfehlen wir, diesen Kurs zu verwenden, um die in den oben genannten Kursen erlernten Konzepte zu überdenken und zu festigen.

Webseite - LearnCode Academy React Kurs

7. Die Reaktionskonvention

Einige Programmierer bevorzugen Code nach Konventionen, dh die Einhaltung bestimmter Entwurfsentscheidungen (“Konventionen”) von Projekt zu Projekt zur Minimierung der Komplexität und Beschleunigung des Entwicklungsprozesses, insbesondere in der Frühphase neuer Projekte. Dieses Online-E-Book soll eine Art Konvention vorstellen, der React-Entwickler folgen können.

Bevor Sie sich jedoch damit beschäftigen, sollten Sie sich bereits mit ES6 auskennen, mit dem React-Framework vertraut sein und die Grundlagen von Redux verstehen. Dieses eBook ist nichts für Neulinge. Es ist eher hilfreich für Intermediates, die sich überfordert fühlen und nicht wissen, wie sie ihr React / Redux-Wissen von Grund auf in Web-Apps umwandeln können.

Das Tutorial beginnt mit einem Starter-Kit-Projekt und zeigt Ihnen, wie Sie es ändern können. Wenn Sie diese Konvention in zukünftigen Projekten befolgen, müssen Sie keine Zeit damit verschwenden, alles neu zu erstellen.

Webseite - Die Reaktionskonvention

Sie haben also gelernt, zu reagieren: Was jetzt??

Mit diesen Tutorials sollten Sie mehr als genug wissen, um mit React Ihre eigenen Web-Apps zu erstellen. An diesem Punkt bleibt nur noch zu üben, zu üben, zu üben. Besonders cool ist, dass Sie später mit React Native mobile Apps erstellen können. Um eine Android-App zu erstellen, müssen Sie diese 7 Programmiersprachen erlernen. Um eine Android-App zu erstellen, müssen Sie diese 7 Programmiersprachen lernen. Welche Programmiersprache ist die richtige Android Apps erstellen? Es hängt von Ihrer Programmierhistorie ab und mit welchen Sprachen Sie sich am wohlsten fühlen. Zum Glück haben Sie Optionen. Lesen Sie mehr - aber kommen Sie nicht selbst voran. Bleiben Sie bei Web-Apps, bis Sie sicher sind.

Es wird ein schwieriger Weg, deshalb empfehlen wir Ihnen unseren Artikel über das Lernen, wie Sie ohne Stress programmieren können. Lernen Sie das Programmieren ohne Stress. Lernen Sie das Programmieren ohne Stress Karriere oder nur als Hobby. Großartig! Aber vielleicht fangen Sie an, sich überfordert zu fühlen. Nicht so toll. Hier finden Sie Hilfe, um Ihre Reise zu erleichtern. Weiterlesen . Nur weil Sie kämpfen, heißt das nicht, dass Sie nicht als Programmierer konzipiert sind. 6 Zeichen, dass Sie nicht als Programmierer gedacht sind 6 Zeichen, dass Sie nicht als Programmierer gedacht sind Nicht jeder ist dazu bestimmt, ein Programmierer zu sein Programmierer. Wenn Sie nicht ganz sicher sind, ob Sie ein Programmierer sein sollen, finden Sie hier einige Hinweise, die möglicherweise in die richtige Richtung weisen. Weiterlesen !

Weitere Informationen finden Sie auf Coursera. 11 Beste Websites für kostenlose Online-Computerprogrammierkurse. 11 Beste Websites für kostenlose Online-Computerprogrammierkurse. Heute können Sie ein Master-Programmierer werden, ohne einen traditionellen Informatik-Abschluss zu erwerben. Wo sind all diese hervorragenden Lernressourcen, fragen Sie? Tolle Frage. Lesen Sie weiter und wir zeigen es Ihnen. Weiterlesen .

Hoffentlich haben diese kostenlosen Tutorials geholfen! Wenn Sie von anderen kostenlosen React-Ressourcen wissen, die wir vermisst haben, teilen Sie uns dies bitte in einem Kommentar weiter unten mit.

Gutschrift: guteksk7 über Shutterstock.com

Erfahren Sie mehr über: Online-Kurse, Programmierung.