React JS erkunden. Wo soll ich anfangen?

React fast überall hören, ich kann nicht anders, als es auch zu erkunden! Obwohl ich React als Backend-Ingenieur nicht benötige, denke ich, dass es eine großartige Möglichkeit sein könnte, einen Einblick in die Frontend-Welt zu bekommen und mir zu helfen, das Gesamtbild zu verstehen (das tat es!). Ich lerne die Perspektiven/Herausforderungen der Front-End-Entwicklung kennen und berücksichtige sie beim Entwerfen von Back-End-Systemen. Noch wichtiger ist, dass es einfach befriedigend ist, zu lernen, wie die Dinge durchgängig funktionieren.

Aber wo soll ich anfangen?

Wenn Sie Grundkenntnisse in JavaScript haben, sind hier (kostenlose!) Ressourcen, die ich empfehlen würde:

1. Lernen Sie React von Scrimba (https://v2.scrimba.com/learn-react-c0e)
Eine wirklich großartige Ressource, um mit dem Schreiben von React zu beginnen.

Eine neue Technologie zu erlernen ist nicht einfach. Angesichts der Menge an Abstraktionen, die wir heutzutage sehen, kann es manchmal frustrierend sein, Dinge zu ignorieren, die man nicht wirklich versteht, und einfach zu akzeptieren, dass es funktioniert. (Fragen wie „Was passiert hinter den Kulissen in dieser Codezeile?“)

Der Dozent bei Scrimba hat großartig erklärt, was jede Zeile des React-Codes bedeutet, und dabei keine Geheimnisse hinterlassen. Er erklärte die Motivation für die Wahl von React, indem er zeigte, was eine Zeile in React in Vanilla JS bedeutet. Es räumt wirklich viele Zweifel und Begriffe aus dem Weg, besonders wenn man anfängt, eine neue Technologie zu erlernen.

2. Full Stack Open (https://fullstackopen.com/en/)
Eine großartige Ressource, die ich nicht genug empfehlen kann. Beachten Sie, dass es in diesem Kurs nicht nur um React geht, sondern dass Sie eine „End-to-End“-Erfahrung bei der Entwicklung einer Full-Stack-Software mit React für das Frontend erhalten. Auch wenn es sich nicht um einen reinen React-Kurs handelt, ist der React-Teil sehr umfassend (und deckt sogar Redux ab). Sie können sich dafür entscheiden, nur den React-Teil des Kurses zu lernen, aber ich würde wirklich empfehlen, den gesamten Teil zu absolvieren.

Hier sind die Gründe, warum mir der Kurs so gut gefallen hat:

• Vollbild

Es geht zunächst auf die Grundlagen von Webanwendungen ein, bevor React als Front-End und NodeJS als Back-End für die Erstellung von REST-APIs vorgestellt werden. Anschließend erhalten Sie einen Eindruck davon, wie das Testen im Web funktioniert. Anschließend hilft es Ihnen beim Einrichten einer Bereitstellungspipeline mithilfe von Github Actions (CI/CD) und hilft Ihnen, sich mit der Docker-Containerisierung vertraut zu machen. Es reicht von der Entwicklung über die Bereitstellung von Front- und Back-End-Anwendungen bis hin zur Produktion.

• Industriestandard

Ich bin selbst Backend-Softwareentwickler und kann nachvollziehen, wie sehr Sie der Kurs auf die Arbeit in der Branche vorbereitet. Es berührt viele Aspekte, die ein Projekt realistischer machen. Zum Beispiel Unit-Tests im Front- und Back-End, Integrationstests und End-to-End-Tests. Diese Tests sind in tatsächlichen Produktionsprojekten sehr wertvoll und werden dennoch in vielen Online-Kursen nicht durchgeführt. Es zeigt Ihnen, wie Sie eine CI/CD-Pipeline einrichten, Konfigurationen aus Sicherheitsgründen separat verwalten, Ihre Anwendungen in Container umwandeln usw. In diesem Kurs finden Sie viele Best Practices!

• Üben!

Jedes Modul enthält seine eigenen Übungen und ich empfehle Ihnen dringend, diese Übungen zu absolvieren. Lernen Sie Programmieren durch Handeln – nur dann können sich die Konzepte, die Syntax und die Ideen in Ihrem Kopf verwirklichen. Ich habe immer geglaubt, dass man am besten lernt, wenn man es übt!

• „Modern und aktuell“

Neben der Tatsache, dass es React (eines der beliebtesten Front-End-Frameworks der Branche) lehrt, lehrt es auch NodeJS (ein weiteres beliebtes Back-End-Framework) und verwendet Github Actions (für CI/CD) und Docker (Containerisierung). Darüber hinaus wird dieser Kurs aktiv gepflegt und überarbeitet (Sie können Abschnitte des Kurses sehen, in denen angegeben ist, dass er aufgrund der sich ständig ändernden Natur der Software aktualisiert wird).

Das obige ist der detaillierte Inhalt vonReact JS erkunden. Wo soll ich anfangen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!