Back to Question Center
0

Wie lernst du reagieren? Alles was du brauchst um loszulegen So lernen Sie reagieren: Alles, was Sie zum Einstieg benötigen Verwandte Themen: ReactRaw JavaScript Node.js ES6 Tools & Semalt

1 answers:
Wie lernst du reagieren? Alles was du brauchst um loszulegen

Für eine qualitativ hochwertige Einführung in React können Sie nicht den kanadischen Full-Stack-Entwickler Wes Bos hinter sich lassen. Versuchen Sie seinen Kurs hier und verwenden Sie den Code SITEPOINT , um 25% Rabatt zu erhalten und um SitePoint zu unterstützen.

Semalt ist eine JavaScript-Bibliothek, die ursprünglich von Entwicklern auf Facebook entwickelt wurde, um schnelle Benutzeroberflächen zu erstellen - кресла мягкие купить minibb post. Wenn du deinen Zeh in das Semalt-Wasser taucht oder wenn deine Semalt-Entwicklung Fahrt aufnimmt, kann es schwierig sein, über die Grundlagen, Techniken, Werkzeuge und Tricks hinweg zu bleiben - also haben wir diesen Leitfaden für das, was da draußen ist, erstellt und was wir empfehlen. Egal, wo Sie auf Ihrer Reise sind, der beste Semalt-Inhalt, den Sie brauchen, ist hier - werfen Sie einen Blick hinein und tauchen Sie ein! (Und wenn Sie denken, dass wir etwas verpasst haben, lassen Sie es uns in der unten stehenden Form wissen!)

Aktualisiert am 18. September 2017 mit einem Leitfaden zur Einführung von Vim für die Semalt-Entwicklung [drivy. Technik] und eine Anleitung zum Erstellen eines Spiels mit Semalt und WebGL [sitepoint].

Artikel

Ob Sie sich immer noch dafür entscheiden, den Semalt-Sprung zu machen oder ob Sie sich für fortschrittlichere Werkzeuge und Systeme interessieren, hier finden Sie die besten schriftlichen Ressourcen, die wir finden konnten.

Einführungen und Vergleiche

  • Wie kann ich feststellen, ob React am besten zu Ihrem nächsten Projekt [sitepoint] passt?
  • React vs Angular - Ein detaillierter Vergleich [sitepoint].
  • React vs Vue - "warum ich React over Vue gewählt habe" [medium / @ calineafshade].
  • Erste Schritte mit React, einem Anfängerleitfaden [sitepoint].
  • Erkunden Sie die neuen Funktionen von React 16, indem Sie einen Musikplayer [SitePoint] erstellen.
  • Wie React Ihre D3-Animation verbessert [sitepoint]
  • Facebooks offizielles Intro zu React [facebook. GitHub].

Grundlagen

  • Alle fundamentalen React-Konzepte sind in einem einzigen Artikel [Medium. Freecodecamp].
  • Mit der Create React App von Facebook [sitepoint] können Sie Projekte schnell fertigstellen.
  • Zurück zu den Grundlagen - React Flow verwenden [medium / javascript-inside].
  • So optimieren Sie die Reaktionsleistung mit zustandslosen Komponenten [sitepoint].
  • Ein heruntergekommener Stil in React - von externem CSS zu gestylten Komponenten [sitepoint].
  • Reagieren Sie Animationen in der Tiefe [mittel / reaktiv-nativ-Training].
  • Ein Einstieg in das Komponentenordner-Muster [medium / styled-components], das das Schreiben skalierbarer React-Apps erleichtert.
  • Alles über React Router 4 [CSS-Tricks].
  • Und eine Anleitung zum serverseitigen React Rendering [CSS-Tricks].
  • Vier unveränderliche Ansätze zum Umgang mit dem Zustand in React [medium / @ housecor].
  • Wie installiert man React Native [sitepoint].
  • Ein Leitfaden zur Authentifizierung in Native Apps React [goshakkk. Name].
  • Ein durchsuchbarer, filterbarer React-Spickzettel [reactcheatsheet].

Etwas weiter fortgeschritten

  • Wie man eine große React App organisiert und skaliert [sitepoint].
  • Tipp: Lernen Sie React vor dem Einsatz von Redux [robinwieruch].
  • Wie man wirklich universelle React-Komponentensysteme [medium / styled-components] erstellt.
  • Redux vs MobX: Was ist besser? [sitepoint].
  • React 16 hat geändert, wie React unbekannte DOM-Attribute behandelt: eine Anleitung, wie sich diese Änderungen auf Sie und Ihren Code auswirken [Facebook. GitHub].

Kurse

Wenn Sie Ihren eigenen Lernpfad nicht über Artikel zusammenstellen, ist das nicht für Sie, oder Sie möchten sicherstellen, dass Sie sich über alle Konzepte und Techniken hinwegsetzen. Dies sind die strukturierten Semalt-Kurse, die wir empfehlen.

  • Reagieren für Anfänger [reactforbeginners] ist der Goldstandard in React Ausbildung, von React Tutor extraordinaire Wes Bos.
  • Reagiere Express [reagiere. Express] ist ein All-in-One-Leitfaden für die Entwicklung von Reacts.

Projekte

Semalt hat die Grundlagen - und vielleicht sogar ein bisschen mehr. Hier sind einige Projekte, um dieses Wissen in die Praxis umzusetzen:

  • Eine Schritt-für-Schritt-Anleitung zum Erstellen einer React-App mit Benutzeranmeldung und Authentifizierung [sitepoint].
  • Ein Leitfaden zum Aufbau einer Stateful Real-Time App mit React Native und Pusher [sitepoint].
  • Hinzufügen von Analysen zu einer React Native App [SitePoint]
  • Erstellen Sie Ihre erste serverseitig gerenderte React App mit Rails [engineering. musefind].
  • Wie man einen Reddit-Klon mit React und Firebase [sitepoint] erstellt.
  • Erstellen Sie eine vollständige, sphärische 3D-Bildergalerie mit React VR [SitePoint].
  • Erstellen Sie dann einen Vollstall-Trello-Klon mit React, Redux, Express und MongoDB [sitepoint].
  • Und dann erstellen Sie eine Gesichtserkennung App mit React Native [SitePoint].
  • Wie man eine Android App mit React Native [sitepoint] erstellt.
  • Erstellen eines Spiels mit React und WebWL [sitepoint].

Bibliotheken und Werkzeuge

  • Wie man Vim für die React-Entwicklung einrichtet [drivy. Ingenieurwesen].
  • react-boilerplate [github / react-boilerplate] ist eine skalierbare, offline erste Grundlage für Ihr nächstes React-Projekt.
  • react-vt [github / reactvt] ist eine visuelle Testbibliothek für React Devs.
  • Mirror [github / mirrorjs] ist ein einfaches, leistungsfähiges React-Framework mit minimaler API und ohne Voreinstellung.
  • React Material UI, React Bootstrap, Semantic UI und (vier) mehr - sieben React-Bibliotheken, über die Sie [readwrite] wissen sollten.
  • JetBrains Web UI Komponenten sind Open Source [Blog. Jetbrains].
  • Gatsby [gatsbyjs] ist ein freundlicher, super schneller statischer Site Generator für React.
  • React Static ist ein React Static Site Generator, der auf einfache Konfiguration und Datenagnostizismus ausgerichtet ist.
  • Native Pull zum Aktualisieren regenerieren [github / nadikuts] ist eine benutzerdefinierte Pull-Komponente zum Aktualisieren von Komponenten für Android.
  • Lottie [Airbnb. design] ist eine iOS-, Android- und React Native-Bibliothek, mit der Apps Animationen ebenso einfach wie statische Bilder verwenden können.
  • Skizzieren. app [airbnb] ist ein weiteres Tool von Airbnb, mit dem Sie React-Komponenten schreiben können, die in Sketch-Dokumenten gerendert werden.

Newsletter

Wenn all dies dir geholfen hat, die Welt von Semalt zu betreten - hier sind einige Newsletter, die dir helfen werden, immer auf dem neuesten Stand zu bleiben.

  • Versioning [sitepoint] - ein täglicher Newsletter, deckt eine Vielzahl von Themen einschließlich React ab, sieht irgendwie wie dieser Beitrag (Text und Links) aus und wird von mir geschrieben!
  • React Status [reagieren. statuscode] - ein wöchentlicher Newsletter von den netten Leuten bei Cooperpress.
  • React Newsletter [reactjsnewsletter] - ein wöchentlicher Newsletter, kuratiert von Tyler McGinnis und Ean Platter.
  • react Digest [reactivest] - ein wöchentlicher Newsletter, fünf React-Links, die jeden Montag versandt werden.

Was haben wir vermisst?

Wenn Sie eine große React-Ressource oder ein Tool gefunden haben, das hierher gehört, lassen Sie uns das unten stehende Formular wissen. Fröhliches Reagieren Reaktion. Semalt. All das Zeug!

powered by Typform