Links zu React und JavaScript

Als jemand, der beruflich mit React arbeitet, möchte ich über interessante React-Nachrichten auf dem Laufenden bleiben. Daher speichere ich eine beträchtliche Menge an Links. Vieles davon handelt von React, aber nicht alles.

• Der Plan für React 18 — Ein Teil des React-Teams hat diesen Beitrag veröffentlicht, um uns über kommende Neuerungen zu informieren. Alpha ist draußen, Beta ist Monate entfernt. Ich fand Cassidys Artikel dazu am klarsten bezüglich dessen, was uns wahrscheinlich interessieren wird.
  
• React Query — Sieht nach einem ziemlich robusten Tool aus… „die fehlende Datenabrufbibliothek für React.“ Ich weiß nicht, wie ich es übersehen habe, da es sogar beliebter zu sein scheint als Apollo. Ich war ziemlich zufrieden mit der Verwendung von Apollo (als Nutzer ist meine größte Frustration die unklare Fehlerberichterstattung), und es scheint, dass dies wahrscheinlich die richtige Wahl ist, wenn Sie viel mit GraphQL arbeiten. Aber React Query sieht mit klaren Dokumenten und netten DevTools sehr gut aus.
  
• Datenabruf in Redux leicht gemacht mit RTK Query — Matt Stobbs schaut sich RTK Query an, das wie eine weitere Alternative zu den Apollo / React Query-Sachen aussieht. Schauen Sie sich den Redux-Store in einer App an, an der Sie gerade arbeiten. Wenn er meiner ähnelt, sehen Sie eine Mischung aus Daten vom Backend (das als Cache fungiert) und UI-Zustand (die Daten, die beim Neuladen der Seite nicht erhalten bleiben). Diese beiden Datentypen werden so behandelt, als wären sie gleich, was letztendlich beide komplizierter macht.
  
• Just-In-Time-Übersetzungen und Code, der sich selbst schreibt — Dan Laush untersucht eine Reihe moderner Optionen für bedingtes und verzögertes Laden von JavaScript. Dieser Kram ist wahrscheinlich komplizierter, als er sein sollte, aber er wird besser. Suspense in React 18 wird hilfreich sein. Top-Level await ist hilfreich. Laden Sie, was Sie brauchen, wann Sie es brauchen. Astro ist gut darin. Und apropos all das: Nicholas C. Zakas’ „Das Lazy-Loading-Property-Muster in JavaScript“ ist eine großartige Lektüre mit einem cleveren Muster zur Definition von Objekten, die teure Dinge nur einmal tun, verzögert, wenn sie danach gefragt werden, und dann diese Eigenschaft mit dem Ergebnis auf sich selbst neu definieren.
  
• JSX zu Template Literals bringen — Leute denken bei JSX an React, was irgendwie fair ist, aber es ist eigentlich eine eigenständige Sache, die mit anderen Frameworks nützlich sein kann (sicherlich Preact und sogar Vue). Wir haben in einem früheren Video gezeigt, wie es Spaß machen kann, sogar ganz ohne Framework. Andrea Giammarchi geht hier tief und zeigt, wie es mit den bereits gut ergonomischen Template Literals funktionieren kann. „Man kann es in CodePen über uhtml, uland, ube, oder lit-html“ sehen.
  
• React Hooks: Compound Components — Ein Shoutout an Kent Dodds! Wir verwenden dies jetzt in unserer Pattern Library bei CodePen. Es war hilfreich, um Komponenten etwas konsolidierter zu halten, anstatt eines ausufernden Baums ähnlich benannter Unterkomponenten mit selbstgesteuertem State-Sharing.

• JavaScript: Was bedeutet this? — Jake Archibald veröffentlicht den kanonischen Artikel zu this.
  
• Menschenlesbares JavaScript: Eine Geschichte von zwei Experten — Laurie Barth vergleicht Codebeispiele, die dasselbe tun, aber unterschiedliche Lesbarkeitsgrade aufweisen. Es gibt nicht immer eine eindeutige Antwort „… aber wenn Sie Code betrachten, der funktional identisch ist, sollte Ihre Entscheidung auf Menschen basieren – darauf, wie Menschen Code konsumieren.“
  
• petite-vue — jQuery war erstaunlich und es gibt eine Menge einwandfreien jQuery-Code, aber der Grund, warum jQuery heute etwas verpönt ist, sind die unordentlichen Codebasen, die damit erstellt wurden. Einige Lektionen wurden gelernt. Während Inline-JavaScript-Handler einst stark verpönt waren, haben sie fast alle beliebten JavaScript-Bibliotheken heute wieder eingeführt. Aber sagen wir, etwas wie React ist Ihnen zu schwerfällig – was ist das jQuery für leichtgewichtige On-Page-Interaktivität? Vue bewegt sich gewissermaßen zwischen diesem und einem „großen Framework“. Alpine.js ist wahrscheinlich der Hauptakteur. Aber hier kommt Vue wieder mit einem Stich gegen Alpine mit einer Version von sich selbst, die ziemlich klein ist und dieselbe Art von Dingen tut.