Die 7 besten kostenlosen Tutorials zum Erlernen von React und Erstellen von Web-Apps

Werbung

Im Moment befindet sich React nicht nur auf dem Höhepunkt seiner Popularität, sondern seine Popularität beschleunigt sich. So weit wie JavaScript-Webentwicklung ist betroffen Programmierung vs. Webentwicklung: Was ist der Unterschied?Sie denken vielleicht, dass Anwendungsprogrammierer und Webentwickler die gleiche Arbeit machen, aber das ist weit von der Wahrheit entfernt. Hier sind die wichtigsten Unterschiede zwischen Programmierern und Webentwicklern. Weiterlesen , React ist eines der am einfachsten zu erlernenden Frameworks und eines der effektivsten für eine schnelle und robuste Entwicklung.

Wenn Sie sich also entschieden haben, es zu lernen, klopfen Sie sich auf die Schulter: Sie haben eine kluge Wahl getroffen.

Das einzige Problem ist, dass die meisten lohnenden React-Kurse einen hohen Preis haben. Zum Beispiel die hochgelobte React for Beginners Kurs kostet 89 US-Dollar (Starter-Version) und 127 US-Dollar (Master-Version). Kostenlose Kurse sind selten so umfassend und hilfreich – aber wir haben einige gefunden, die es sind

ausgezeichnet und bringt Sie auf den richtigen Fuß Was macht ein gutes Programmier-Tutorial aus?Nicht alle Programmier-Tutorials sind gleich. Einige profitieren Sie und andere verschwenden Ihre Zeit. Hier ist, worauf Sie in einem qualitativ hochwertigen Programmier-Tutorial achten sollten. Weiterlesen .

1. Grundlagenkurs von React Training

Tyler McGinnis ist ein bekannter React-Entwickler und -Lehrer, der seit Jahren über React unterrichtet und schreibt. Derzeit bietet er vier Kurse zum React Training [Nicht mehr verfügbar] an, von denen der erste völlig kostenlos ist und als Einstiegspunkt für die anderen dient.

Grundlagen der Reaktion ist in 32 Videolektionen unterteilt, die zusammen drei volle Stunden Bildung ergeben. Sie lernen alles, was Sie brauchen, um eine grundlegende React-App zum Laufen zu bringen (d. h. React-Ökosystem, NPM, Babel und Webpack), die Kernkonzepte und den Lebenszyklus, die React-Apps antreiben, wie man Komponenten richtig schreibt und wie man Daten weitergibt um herum.

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

Webseite — React-Grundlagenkurs [Nicht mehr verfügbar]

2. Hacken mit React

Hacken mit React ist ein E-Book, das komplett kostenlos ist, von Anfang bis Ende, wenn Sie die reine Web-Version lesen. Sie können eine herunterladbare PDF-, EPUB- oder MOBI-Version für 10 US-Dollar erwerben, wenn Sie sie lieber mitnehmen und offline lernen möchten. In jedem Fall ist es eine großartige Ressource für Anfänger, die keine Videos mögen.

Es beginnt ganz am Anfang und erklärt grundlegende Konzepte wie JSX und Komponenten und Requisiten und hält Ihre Hand, während Sie zu Zwischenthemen wie Zuständen, Routing, Tests, Linting und. graduieren mehr. Es ist von Anfang bis Ende in ES6 geschrieben und Sie lernen dabei Best Practices kennen, darunter Babel, Webpack und ESLint.

Wird es Sie zu einem React-Experten machen? Nein, aber es Wille damit Sie sich wohl genug fühlen, um sich sicher zu fühlen und weiter zu lernen. Zumindest wissen Sie mehr als genug React, um zu entscheiden, ob Sie woanders Geld für einen fortgeschrittenen Premium-Kurs ausgeben möchten.

Webseite — Hacken mit React

3. Das offizielle React-Tutorial

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

Davon abgesehen, das offizielle React-Tutorial ist fantastisch, wenn Sie die Kernkonzepte von React gelernt haben und Schwierigkeiten haben, 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. Es schließt die Lücke zwischen abstrakter Theorie und praktischer Anwendung.

Ich empfehle auch, die offizielle React-Dokumentation, das jedes bisschen von React in überraschend vielen Details erklärt. Insbesondere die Denken in Reaktion page ist wie ein Mini-Tutorial zum Begreifen der Redewendungen, die React antreiben. Scheuen Sie sich nicht, immer wieder auf die React-Dokumentation zurückzugreifen, während Sie lernen und Ihre eigenen Apps erstellen.

Webseite — Das offizielle React-Tutorial und Denken in Reaktion

4. Eggheads React-Grundlagenkurs

Egghead bietet Dutzende von Kursen (Hunderte Lektionen) zu verschiedenen Themen der Webentwicklung: JavaScript, Angular, React, RxJS, Node, TypeScript usw. React ist das drittgrößte Thema auf der Website, und obwohl die meisten Kurse für Premium-Benutzer bestimmt sind, stehen fünf kostenlos zur Verfügung:

• Beginnen Sie mit der Verwendung von React zum Erstellen von Webanwendungen
• Hinzufügen von Routing zu React-Apps mit React Router v4
• Erste Schritte mit Redux
• Erstellen von React-Anwendungen mit Idiomatic Redux
• Verwalten Sie komplexe Zustände in React-Apps mit MobX

Die ersten beiden sind die wichtigsten, aber Sie werden sie wahrscheinlich irgendwann alle nehmen wollen (optimal in der aufgeführten Reihenfolge). Bei den Kursen wird davon ausgegangen, dass Sie JavaScript bereits kennen. Schauen Sie sich also die JavaScript-Kurse von Egghead an wenn Sie mit der Sprache noch nicht vertraut sind 7 nützliche Tricks zum Beherrschen einer neuen ProgrammierspracheEs ist in Ordnung, überfordert zu sein, wenn Sie das Programmieren lernen. Sie werden Dinge wahrscheinlich so schnell vergessen, wie Sie sie lernen. Diese Tipps können Ihnen helfen, all diese neuen Informationen besser zu behalten. 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 — Eggheads React-Grundlagenkurs

5. Reagieren und Reduxen lernen mit Cabin

Obwohl Redux nicht zum Kern-Framework von React gehört, 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 alles anwenden, was Sie stattdessen verwenden.

Kabine ist eine 10-teilige Tutorial-Serie, die Ihnen beibringt, wie Sie eine vereinfachte Social-Network-App von Grund auf neu erstellen: Node/React/Webpack installieren, verstehen wie React funktioniert, Redux einbinden, mit Social-Network-Funktionen wie Feeds und Benachrichtigungen umgehen, Bilder und Filter wie Instagram verarbeiten und mehr.

Der letzte Teil ist ein Überblick über „Best Practices“, die Ihnen nicht nur die effektivste Art und Weise beibringen, React/Redux zu nutzen und zu organisieren, aber auch häufige Fehler, die Sie vermeiden sollten, wie Sie eine skalierbare App entwerfen und wie Sie Tools von Drittanbietern verwenden, um Ihre Entwicklung zu erleichtern Arbeitsablauf.

Webseite — Reagieren und Reduxen lernen mit Cabin

6. React-Kurs der LearnCode Academy

In den letzten paar Jahren, LearnCode-Akademie hat sich als einer der beste Programmkanäle auf YouTube Die 17 besten YouTube-ProgrammieranleitungenIn diesem Beitrag möchten wir Sie auf einige der besten YouTube-Programmreihen hinweisen, die wir gefunden haben. All dies reicht aus, um als Programmieranfänger nasse Füße zu bekommen. 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 das 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 Verwaltung des Status. All dies geschieht unter Verwendung aktueller Verfahren, einschließlich ES6 und Webpack.

Beachten Sie, dass dies kein umfassender Kurs ist und Flux und Redux beides fortgeschrittene Konzepte sind, die nicht Teil des Kerns sind React-Framework, daher empfehlen wir, diesen Kurs zu verwenden, um die in den oben genannten Kursen erlernten Konzepte erneut zu überprüfen und zu festigen.

Webseite — React-Kurs der LearnCode Academy

7. Die React-Konvention

Einige Programmierer ziehen es vor, nach Konventionen zu codieren – das heißt, sie halten sich an eine bestimmte Reihe von Designentscheidungen („Konventionen“) von Projekt zu Projekt, um die Komplexität zu minimieren und den Entwicklungsprozess zu beschleunigen, insbesondere in der frühen Phase neuer Projekte. Dieses Online-E-Book soll eine Art von Konvention präsentieren, der React-Entwickler folgen können.

Bevor Sie sich jedoch darauf einlassen, sollten Sie bereits mit ES6 vertraut sein, sich mit dem React-Framework vertraut machen und die Grundlagen von Redux verstehen. Dieses E-Book ist per se nichts für Anfänger. Es ist eher hilfreich für Fortgeschrittene, die sich überfordert fühlen und nicht sicher sind, wie sie ihr React/Redux-Wissen von Grund auf in Web-Apps umwandeln sollen.

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 React-Konvention

Sie haben also gelernt, zu reagieren: Was nun?

Mit diesen Tutorials sollten Sie mehr als sachkundig genug sein, um Ihre eigenen Web-Apps mit React zu erstellen. An diesem Punkt bleibt nur noch Üben, Üben, Üben. Und besonders cool ist, dass du es später kannst Verwenden Sie React Native, um mobile Apps zu erstellen Um eine Android-App zu erstellen, müssen Sie diese 7 Programmiersprachen lernenWelche Programmiersprache ist die richtige für die Erstellung von Android-Apps? Es hängt von Ihrer Programmiergeschichte ab und mit welchen Sprachen Sie sich am wohlsten fühlen. Glücklicherweise haben Sie Optionen. Weiterlesen – aber übertreibe es nicht. Bleiben Sie bei Web-Apps, bis Sie sich sicher sind.

Es wird ein harter Weg, daher empfehlen wir Ihnen, unseren Artikel zu lesen stressfrei programmieren lernen Programmieren lernen ohne StressVielleicht haben Sie sich für das Programmieren entschieden, sei es beruflich oder einfach nur als Hobby. Groß! Aber vielleicht fängst du an, dich überfordert zu fühlen. Nicht so toll. Hier ist Hilfe, um Ihre Reise zu erleichtern. Weiterlesen . Nur weil du Schwierigkeiten hast, heißt das nicht du bist nicht dafür geschaffen, ein Programmierer zu sein 6 Anzeichen dafür, dass Sie kein Programmierer werden sollenNicht jeder ist dafür geschaffen, Programmierer zu sein. Wenn Sie sich nicht ganz sicher sind, ob Sie ein Programmierer werden sollen, finden Sie hier einige Anzeichen, die Sie in die richtige Richtung weisen können. Weiterlesen !

Weitere Informationen finden Sie unter die besten Kurse, für die es sich lohnt, auf Coursera zu bezahlen Die 11 besten Websites für kostenlose Online-ComputerprogrammierungskurseMit diesen kostenlosen Online-Programmierkursen können Sie ohne Informatikabschluss ein großartiger Programmierer werden. Weiterlesen .

Hoffentlich haben diese kostenlosen Tutorials geholfen! Wenn Sie andere kostenlose React-Ressourcen kennen, die wir verpasst haben, teilen Sie uns dies bitte in einem Kommentar unten mit.

Bildquelle: guteksk7 über Shutterstock.com