- So verwenden Sie das Vite Build Tool mit React — Vite ist heiß, teilweise weil es auf esbuild basiert und wahnsinnig schnell ist. Es stammt von Evan You aus dem Vue-Umfeld, ist aber kein Vue-spezifisches Tool. Hier behandelt NARUHODO, wie man es für die Arbeit mit React konfiguriert.
- React-Architektur: So strukturieren und organisieren Sie eine React-Anwendung — Tania Rascia mit einem "meinungsstarken Leitfaden" zur Projektstruktur. Sieht für mich ziemlich gut aus. Mir gefallen die
@Import-Aliase. Sieht so aus, als würde es eine Monorepo-Umgebung ziemlich gut unterstützen. Mir gefällt auch die Unterscheidung zwischen globalen vs. wiederverwendbaren Komponenten (hier einfach "Komponenten" genannt) und Views vs. Pages. Ich würde wahrscheinlich in drei Kategorien unterteilen: Bibliothekskomponenten (kein globaler Zustand, keine Abfragen/Mutationen, eher designorientiert und absichtlich wiederverwendbar), Projektkomponenten (Geschäftslogik, globaler Zustand, nicht sehr wiederverwendbar) und Pages (Routing-relevant). - Was ist NICHT neu in React 18 — Benny Powers ist ein wenig verärgert über Reacts fehlende Unterstützung für
<web-components />. Ich stimme zu, dass es bedauerlich ist, da Web Components einige Dinge sehr gut können und React einige Dinge sehr gut kann, und es wäre schön zu sehen, wenn sie Freunde werden würden. - Wie React Traktion bekam — Ein wenig Ironie, wenn man den obigen Link betrachtet... Shawn Wang und Pete Hunt sprechen in diesem Podcast über die Geschichte von React und wie es so beliebt wurde: *"Wie React seine Hater überwand: indem es zuhörte."*
- Compound Components in React — Ichoku Chinonso behandelt dieses super nützliche Muster. Einige Komponenten werden aus einem Korb anderer kleiner Komponenten aufgebaut (denken Sie an Tabs, TabBar, Tab, TabPanels, TabPanel) und mit dem Compound Component-Modell erhalten Sie mehr Flexibilität, logisches Importieren und die Nutzung des Ganzen. Ich bin neugierig auf die Ursprünge dieses Musters. Ich weiß, dass Ryan Florence 2017 darüber sprach, und ich habe sie zum ersten Mal über diesen Kent Dodds Post gesehen. Wenn ich im Internet suche, finde ich unzählige zufällige Artikel darüber. Vielleicht stammt es aus tieferen Informatikkonzepten?
- Die Gefahren der Rehydrierung — Josh Comeau behandelt einen Fehler, mit dem ich in den letzten Wochen mehrmals zu kämpfen hatte: React sieht so aus, als würde es beim Erstellen des DOMs völlig versagen. Elemente, die im JSX klar richtig verschachtelt sind, erscheinen in Elternelementen, oder es sieht so aus, als hätten Sie die Hälfte Ihrer verdammten HTML-Elemente vergessen zu schließen und der Browser ist stark verwirrt. Das Problem entsteht, wenn Sie versuchen, Server-seitiges Rendering (SSR) und Client-seitiges Rendering (CSR) durchzuführen, was die Rehydrierung verwirrt. Das DOM aus dem SSR stimmt nicht überein, wenn CSR übernimmt. Glücklicherweise gibt es einige ziemlich einfache Tricks, um es zu beheben.
Links zu React und JavaScript II
DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!
Ich dachte, "JavaScript II" sei etwas Neues, von dem ich noch nichts gehört hatte. Habe sogar danach gesucht, bevor ich es verstanden habe.
Ups!