Ressourcen zum Lernen reagieren: Alles, was Sie brauchen, um loszulegen

React ist eine JavaScript -Bibliothek, die von Facebook -Entwicklern erstellt wurde, um schnelle Benutzeroberflächen zu erstellen. Unabhängig davon, ob Sie neu im Reagieren sind oder Ihre React -Entwicklungsreise beschleunigt, kann es schwierig sein, seine Grundlagen, Techniken, Werkzeuge und Techniken zu beherrschen. Deshalb haben wir diesen Leitfaden für die verfügbaren Ressourcen und unsere Empfehlungen erstellt. Egal in welcher Phase des Lernens Sie sich befinden, hier sind die besten Reaktionen, die Sie benötigen - probieren Sie es aus und lernen Sie es ausführlich! (Wenn Sie der Meinung sind, dass wir etwas verpasst haben, lassen Sie es uns bitte in dem folgenden Formular wissen!)

Schlüsselpunkte

• React ist eine JavaScript -Bibliothek zum Erstellen schneller Benutzeroberflächen mit einer großen Anzahl von Lernressourcen, von Artikeln bis zu Kursen, Projekten und Newslettern.
• Empfohlene Ressourcen umfassen den Kurs „React Anfänger“, der Artikel „Anfänger von React Anfänger: Anfänger“ und der Newsletter „Versionskontrolle“.
• Vor dem Lernen React müssen Sie ein solides Verständnis für JavaScript haben, einschließlich Konzepte wie ES6 -Merkmalen, Schließungen, asynchroner Programmierungen und dem Schlüsselwort "dieses". HTML- und CSS -Wissen ist ebenfalls wichtig, da React JSX verwendet, eine JavaScript -Syntax -Erweiterung ähnlich wie HTML.

Artikel

Unabhängig davon, ob Sie Lernreaktionen in Betracht ziehen oder nach fortschrittlicheren Tools und Systemen suchen, finden Sie hier einige der besten geschriebenen Ressourcen, die wir gefunden haben.

Anfänger und Vergleich

• React Erste Schritte: Anfängerführer [sitepoint]
• Anfänger von JSX [SitePoint]
• Tutorial reagieren: Erstellen einer Taschenrechneranwendung von Grund auf [SitePoint]
• Stilreakt -Komponenten: 7 Methodenvergleich [SitePoint]
• Wie man feststellt, ob React für Ihr nächstes Projekt am besten geeignet ist [SitePoint]
• reagieren gegen Angular-ein Tiefenvergleich [SitePoint]
• reagieren gegen vue - "Warum habe ich React statt Vue gewählt" [Medium/@calinleasfshade]
• Anfänger von React, Anfängerführer [SitePoint]
• Erforschen Sie neue Funktionen in React 16, indem Sie einen Musikplayer [sitepoint]
erstellen
• Wie React Ihre D3 -Animation [sitepoint]
verbessert
• Facebook -offizieller Reaktionseinführung [facebook.github]

Grundlagen

• Alle grundlegenden Reaktionskonzepte werden in einen Artikel [Medium.FreecodeCamp]
komprimiert
• Bereiten Sie Projekte schnell mit Facebooks React -App [SitePoint]
vor.
Zurück zu den Grundlagen-Verwenden Sie React Flow [Medium/JavaScript-Inside]
So optimieren Sie die React -Leistung mit staatenlosen Komponenten [SitePoint]
Überblick über den Reaktieren von Stil - von der Verwendung externer CSS bis zu Style -Komponenten [SitePoint]
eingehendes Verständnis der React-Animation [Medium/React-Native-Training]
Einführung in den Komponentenordnermodus [Medium/Styled-Komponenten], wodurch das Schreiben erweiterbarer React-Anwendungen erleichtert wird.
Alles über React Router 4 [CSS-Tricks]
und serverseitige Reakting-Rendering-Handbuch [CSS-Tricks]
vier invariante Methoden für den Umgangszustand in React [Medium/@Housecor]
So installieren Sie React Native [sitepoint]
Authentifizierungshandbuch in reag -nativen Anwendungen [goshakkk.name]
durchsuchbare und filterbare Reaktionen Schnell -Lookup -Tabelle [Reactcheatsheet]

leicht fortgeschritten

So organisieren und machen Sie große Reaktionsanwendungen skalierbar [SitePoint]
Vorschläge: React [Robinwieruch]
So erstellen Sie ein wirklich universelles React-Komponentensystem [mittel-/styled-komponenten]
Redux vs. Mobx: Was ist besser? [sitepoint]
reag 16 verändert, wie React unbekannte DOM -Eigenschaften umgeht: Eine Anleitung, wie sich diese Änderungen auf Sie und Ihren Code auswirken [Facebook.github]

Kurs

Wenn Sie nicht Ihren eigenen Lernweg durch Artikel erstellen oder sicherstellen möchten, dass Sie alle Konzepte und Techniken beherrschen, empfehlen wir die folgenden strukturierten React -Kurse.

Anfänger für React [ReactForBeginers] ist der Goldstandard für die React -Ausbildung aus React Mentor Wes Bos.
reagt exprim [react.ect.express] ist eine umfassende Anleitung zur React -Entwicklung.

Projekt

Sie haben die Grundlagen gemeistert und vielleicht noch mehr. Hier sind einige Projekte, die Sie in die Praxis umsetzen können:

Eine Anleitung zum Schritt -für -Schritt -Erstellen von React -Anwendungen mit Benutzeranmeldung und Authentifizierung [SitePoint]
Leitfaden zum Erstellen staatlicher Echtzeitanwendungen mit React Native und Pusher [SitePoint]
So fügen Sie eine Analyse hinzu, um native Anwendungen [SitePoint]
• zu reagieren
Erstellen Sie Ihre erste serverseitige Reaktionsanwendung mit Rails [Engineering.Musefind]
So bauen Sie Reddit -Klone mit React und Firebase [sitepoint]
Erstellen Sie eine vollständige kugelförmige 3D -Bildbibliothek mit React VR [SitePoint]
Verwenden Sie dann React, Redux, Express und MongoDB, um einen vollständigen Trello -Klon [sitepoint]
• zu erstellen
Verwenden Sie dann React Native, um eine Gesichtserkennungsanwendung [SitePoint]
• zu erstellen
So erstellen Sie Android -Anwendungen mit React Native [SitePoint]
Spiele mit React und Webwl [SitePoint]

erstellen

Bibliotheken und Tools

• So richten Sie VIM für React Development [Drivy.Engineering]
auf
• react-boilerplate [github/react-boilerplate] ist die skalierbare Offline-erste Basis für das nächste React-Projekt.
• react-vt [github/reactvt] ist eine visuelle Testbibliothek für React-Entwickler.
• Mirror [Github/MirrorJs] ist ein einfaches, leistungsstarkes React -Framework mit minimaler API und ohne Boilerplate -Code.
• React Material UI, React Bootstrap, Semantic UI und (vier) mehr - sieben React -Bibliotheken, die Sie kennen [Readwrite]
• Jetbrains Web UI -Komponenten sind Open Source [blog.jetbrains]
• Gatsby [Gatsbyjs] ist ein freundlicher, super schnell reagierter statischer Site -Generator.
• react static ist ein React statischer Site -Generator, der so konfiguriert und daten -agnostisch ausgestattet ist.
• Reagieren Sie den nativen Zug, um [Github/Nadikuts] zu aktualisieren, eine benutzerdefinierte Pulldown-Aktualisierungskomponente für Android.
• lottie [acirbnb.design] ist ein iOS-, Android- und React -native Bibliothek, mit dem Anwendungen Animationen so einfach verwenden können, wie sie statische Bilder verwenden.
• skizzy.app [Airbnb] ist ein weiteres Werkzeug für Airbnb, mit dem Sie React -Komponenten schreiben können, die in Skizent -Dokumente gerendert werden.

Newsletter

Wenn all dies Ihnen hilft, in die Welt der Reaktionen einzusteigen - hier sind einige Newsletter, die Ihnen helfen, die neuesten Informationen zu erhalten.

• Versionskontrolle [SitePoint] - Daily Newsletter, der eine Vielzahl von Themen abdeckt, einschließlich React, wie dieser Beitrag (Text und Link), geschrieben von mir!
• React Status [React.Statuscode] - Wöchentlicher Newsletter von The Great People bei Cooperpress.
• React Newsletter [ReactjsNewsletter] - Weekly Newsletter, kuratiert von Tyler McGinnis und EAN -Platte.
• React Digest [ReactDigest] - Weekly Newsletter, das jeden Montag fünf React -Links sendet.

Was haben wir verpasst?

Schließlich, wenn Sie die hervorragenden React -Ressourcen oder -Tools finden, die hier enthalten sein sollten, teilen Sie uns dies bitte in dem folgenden Formular mit. Happy React!

Häufig gestellte Fragen zum Lernen React

Was sind die Voraussetzungen für das Lernen von Reaktionen?

Bevor Sie anfangen, React zu lernen, ist es sehr wichtig, JavaScript zu meistern, da React eine JavaScript -Bibliothek ist. Sie sollten mit Konzepten wie ES6 -Funktionen, Schließungen, asynchronem Programmieren und diesen Schlüsselwörtern vertraut sein. HTML- und CSS -Wissen ist ebenfalls wichtig, da Sie JSX verwenden, eine JavaScript -Syntax -Erweiterung ähnlich wie HTML.

Wie lange dauert es, dass das Lernen reagiert?

Die Zeit, die zum Erlernen von Reaktionen erforderlich ist, variiert stark, abhängig von Ihrem aktuellen Fähigkeitsniveau und wie viel Zeit Sie Ihrem Studium widmen können. Wenn Sie JavaScript bereits beherrschen, können Sie die Grundlagen von React in Wochen des speziellen Lernens beherrschen. Es kann jedoch mehrere Monate dauern, um Reagieren und seine Ökosysteme wie Redux und React -Router zu beherrschen.

Welche Ressourcen zum Lernen reagieren?

Es stehen viele Ressourcen zur Verfügung, um Reaktionen zu erlernen. Dazu gehören Online -Tutorials, Videokurse, Bücher und Dokumente. Die offizielle React -Dokumentation ist ein großartiger Ausgangspunkt. Interaktive Kurse finden Sie auf Websites wie Codecademy und SitePoint. Sie können auch viele kostenlose Tutorials auf YouTube und Blogs finden.

Warum sollte ich reagieren lernen?

React ist eine der beliebtesten JavaScript-Bibliotheken für das Erstellen von Benutzeroberflächen, insbesondere für einseitige Anwendungen. Sie können wiederverwendbare UI -Komponenten erstellen. React wird von Facebook und der Community einzelner Entwickler und Unternehmen beibehalten und wird in der Branche weit verbreitet. Lernreaktionen können viele Beschäftigungsmöglichkeiten bieten.

ist eine Bibliothek oder ein Framework?

React ist eine JavaScript -Bibliothek, kein Framework. Der Unterschied besteht darin, dass die Bibliothek spezifische, isolierte Funktionen bietet, die Sie bei Bedarf verwenden können, während das Framework einen vollständigen Satz von Werkzeugen und Funktionen bietet, aber auch eine bestimmte Art der Dinge auferlegt. React konzentriert sich auf eine Sache - das Erstellen der Benutzeroberfläche und macht wirklich gute Arbeit.

Was ist JSX und warum ist es wichtig bei React?

JSX steht für JavaScript XML. Es handelt sich um eine Syntax-Erweiterung für JavaScript, mit der Sie HTML-ähnlichen Code in JavaScript-Code schreiben können. Das Schreiben einer Reaktionsanwendung erfordert kein JSX, wird jedoch empfohlen, da der Code leichter zu lesen und zu schreiben.

Was ist ein virtuelles Dom in React?

virtuelles DOM (Dokumentobjektmodell) ist ein von React eingeführter Konzept, bei dem die virtuelle Darstellung der Benutzeroberfläche im Gedächtnis gehalten und mit dem "realen" DOM ​​durch einen Prozess, der als Koordination bezeichnet wird, synchronisiert wird. Dieser Prozess kombiniert mit der Fähigkeit, einfach Komponenten zu erstellen, um eine Hochleistungs- und vorhersehbare Codebasis zu ermöglichen.

Was ist der Unterschied zwischen Zustand und Spur in React?

In React sind Zustände und Requisiten JavaScript -Objekte. Der Zustand ist eine Datenstruktur, die mit dem Standardwert beginnt, wenn die Komponente montiert ist und dann im Laufe der Zeit mutiert, was hauptsächlich das Ergebnis von Benutzerereignissen ist. Eine Prop (als Attribut abgekürzte) ist eine Variable, die von ihrer übergeordneten Komponente an sie übergeben wurde.

Was ist Redux und wie hat es mit React zu tun?

Redux ist ein vorhersehbarer Zustandsbehälter für JavaScript -Anwendungen. Es hilft Ihnen, Anwendungen zu schreiben, die konsequent ausgeführt werden und einfach in verschiedenen Umgebungen (Client, Server und nativ) zu testen sind. Während es hauptsächlich mit React verwendet wird, kann es mit jeder anderen Ansichtsbibliothek verwendet werden.

Wie kann ich mit React ein Projekt erstellen?

Nach dem Beherrschen der Grundlagen von React ist der beste Weg, ein Projekt zu erstellen. Beginnen Sie mit einfachen Projekten wie einer To-Do-Liste oder einer Wetter-App. Wenn Ihre Erfahrung mehr wächst, können Sie sich komplexere Projekte wenden. Dies hilft Ihnen nicht nur, React besser zu verstehen, sondern kann auch Ihr Portfolio erstellen.

Das obige ist der detaillierte Inhalt vonRessourcen zum Lernen reagieren: Alles, was Sie brauchen, um loszulegen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!