Die neueste Dokumentation von React ist da

Nach zweieinhalb Jahren Beta-Phase wurde endlich die mit Spannung erwartete neue React-Dokumentation veröffentlicht, und sie ist fantastisch! [Rachel Nabors] (https://twitter.com/RachelNabors) und Dan Abramov leiteten die Bemühungen, die bestehende Dokumentation zu aktualisieren und sie mit den neuesten Funktionen und Best Practices von React auf den neuesten Stand zu bringen, einschließlich der Verwendung der neu hinzugefügten Hooks in React 16.8.

Eine der wesentlichen Änderungen in der neuen Dokumentation ist der Fokus auf funktionale Komponenten und Hooks, die in der modernen React-Entwicklung zur Norm geworden sind. [Die alte Dokumentation] (https://legacy.reactjs.org/) war hauptsächlich klassenbasiert, was für diejenigen, die mit React beginnen, verwirrend und frustrierend sein konnte. Der Schwerpunkt der neuen Dokumentation auf funktionalen Komponenten und Hooks macht es viel einfacher, React ohne unnötige Verwirrung zu erlernen.

(Natürlich ist es immer noch möglich, die Klassenkomponenten zu verwenden, aber es wäre unsinnig, dies zu tun. Niemand verwendet sie in der aktuellen Umgebung und sie passen auch nicht mehr in das große Ganze.)

Die ursprüngliche Idee war, dass Klassenkomponenten einen Zustand haben, während Funktionskomponenten dies nicht tun, da sie nur dumme Komponenten sind. Dies änderte sich mit React 16.8, das 2018 veröffentlicht wurde, und jetzt verwenden wir hauptsächlich funktionale Komponenten (mit einigen Ausnahmen wie Fehlergrenzen) in modernen Umgebungen. Wenn man sich die neue Dokumentation ansieht, werden diejenigen, die React erlernen möchten, nur die funktionalen Komponenten lernen.

Die neue Dokumentation gliedert sich in mehrere Kapitel:

• Ein Teil, der sich auf das Lernen konzentriert (Null zu Held). Meiner Meinung nach ist dieser Teil einfach erstaunlich, da er sehr visuelles und informatives Lernmaterial bietet, ich kann es nur empfehlen.
• Ein Kapitel mit Informationen über Hooks, Komponenten, APIs. Auch hier ist die Dokumentation bemerkenswert gut geschrieben.
• Von Community-Beiträgen.
• Zu guter Letzt gibt es noch einen neuen Blog.

SPA vs. Framework

Die Zukunft von Single Page Applications (SPAs) wirft viele Fragen auf.
Eine wesentliche Änderung in der neuen Dokumentation ist das Fehlen jeglicher Erwähnung von Create React App, was zuvor die offizielle Empfehlung für den Start eines neuen React-Projekts war.
Da es sich früher um die offizielle Empfehlung von Meta handelte, dem "besten Ort, um mit dem Aufbau Ihrer neuen React-SPA zu beginnen", verheißt es nichts Gutes, wenn es in der Dokumentation fehlt. Außerdem können wir bei 1500 ungelösten Problemen und 400 offenen Pull Requests davon ausgehen, dass CRA verstorben ist.

Theos persönlicher Kreuzzug hat nun sein Ziel erreicht, und er hat auch nicht vergessen, das Ergebnis auf YouTube zu teilen.

Anstelle von CRA schlägt die Dokumentation die Verwendung von Frameworks wie Next.js - Ich habe hier über die Vorteile der neuen Version geschrieben -, Remix und Expo vor. (Sogar die neue Dokumentation wird mit Next.js anstelle von CRA erstellt.) Diese Verschiebung ist wahrscheinlich darauf zurückzuführen, dass SPAs keine Routing- oder Datenabruflösungen enthalten, für die Entwickler zusätzliche Bibliotheken wie TanStack Router oder React Router verwenden müssen. Ganz zu schweigen von der Leistung, die meiner Meinung nach hier der eigentliche Vorteil ist.

Die Bevorzugung von Frameworks gegenüber SPAs kam wahrscheinlich mit der Einführung serverseitiger Komponenten in React v18.

Laut der neuen Dokumentation ist dies jedoch nicht der einzige Weg, und Vite und Parcel werden auch erwähnt, wenn SPAs benötigt werden. Dies wirft die Frage auf, ob SPAs generell dem Untergang geweiht sind und ob dies der Anfang vom Ende ist.
Das ist natürlich nicht der Fall, aber es wird immer deutlicher, dass sie ihren ganz besonderen Platz haben.

Visueller Turbo

Die neue Dokumentation ist ansprechend und leicht verständlich, enthält viele Diagramme und Illustrationen, und nach jedem Abschnitt gibt es über 600 interaktive Beispiele für diejenigen, die üben möchten, was sie zu einer hervorragenden Ressource für Entwickler aller Qualifikationsstufen macht. Das entbindet uns jedoch nicht davon, bei unseren eigenen Entwicklungen ständig zu lernen und zu experimentieren.

Nicht nur der Inhalt hat sich geändert

Eine kleine, aber bemerkenswerte Änderung ist das Farbschema der Dokumentation, das von einem scharfsichtigen Benutzer bemerkt wurde, dass das in der Dokumentation verwendete Farbschema ebenfalls geändert wurde. Insbesondere wurde das ursprüngliche #61dafb durch den neuen, etwas dunkleren Blaugrünton #0a7ea4 ersetzt. Ich persönlich finde, dass dieses neue, dunklere Farbschema viel moderner und ästhetisch ansprechender aussieht.

Zusammenfassung

Insgesamt ist die neue React-Dokumentation aktualisiert, modernisiert und gut organisiert. Ich empfehle dringend, sich die neue React-Dokumentation anzusehen, unabhängig davon, ob Sie ein erfahrener React-Entwickler sind oder gerade erst anfangen. Die Dokumentation ist eine fantastische Ressource, die die neuesten Trends in React präsentiert und ansprechende Inhalte zum Lernen bietet. Es lohnt sich, die Zeit und Mühe zu investieren, die Dokumentation zu erkunden und all die interaktiven Beispiele und Lernressourcen zu nutzen, die sie bietet.

Ich hoffe, diese kurze Zusammenfassung der neuen React-Dokumentation war hilfreich, wenn Sie Fragen haben, können Sie gerne einen Kommentar hinterlassen, und ich werde mein Bestes tun, um Ihnen zu helfen!