Hin und wieder stelle ich fest, dass sich eine Menge Links zu verschiedenen Dingen angesammelt haben, die ich interessant finde. Wie React und JavaScript! Hier ist eine Liste von neun Links zu anderen Artikeln darüber, die ich gesammelt habe und die es wert sind, geteilt zu werden.
- Seed-Finanzierung für Remix
Remix wurde nach der Finanzierung Open Source, was ein solider Schritt zu sein scheint. Es ist ein Framework, das vorerst nur für React gedacht ist, daher halte ich es für fair, dass jeder fragt, wie es im Vergleich zu Next.js abschneidet. Worauf sie geantwortet haben. Wahrscheinlich noch einmal erwähnenswert für uns CSS-Leute, Kent erwähnte: „Da Remix es mir ermöglicht, einfach zu steuern, welche meiner CSS-Dateien zu einem bestimmten Zeitpunkt auf der Seite sind, habe ich nicht all die Probleme, die die JavaScript-Community dazu veranlassten, Workarounds wie CSS-in-JS zu erfinden.“ - React Router v6
Apropos diese Gang, sie haben React Router v6 veröffentlicht, was ein positiver Schritt zu sein scheint – alles auf Hooks basierend, 50 % kleiner als v5 – aber ist schon wieder eine Hauptversion mit API-Änderungen. React Router hat eine Geschichte von API-Änderungen wie dieser, und sie lösen viel Murren in der Community aus. Davon gibt es wieder reichlich. - React Aria
„Eine Bibliothek von React Hooks, die zugängliche UI-Primitive für Ihr Designsystem bereitstellt“, von... Adobe. Interessant. Sieht so aus, als würden hier einige ziemlich schwierige Probleme gelöst, wie z. B. FocusScope („Wenn diecontain-Prop gesetzt ist, ist der Fokus auf den Geltungsbereich beschränkt.“) und interessante Farbeingaben, wie z. B. useColorField, useColorSlider und useColorWheel. Insgesamt gibt es 59 Hooks, die von Interaktionen und Formularen über Overlays und Internationalisierung bis hin zu vielen anderen reichen. - Front-End-Tabellen: Sortierung, Filterung und Paginierung
Tania Rascia: „Eine Sache, die ich bei jedem Job tun musste, ist die Implementierung einer Tabelle im Front-End einer Anwendung, die Sortierung, Filterung und Paginierung bietet.“ Es ist keine Schande, auf eine große Bibliothek mit all diesen Funktionen zurückzugreifen, aber manchmal ist es am besten, es selbst zu machen. - Gute Ratschläge zu JSX-Bedingungen
Vladimir Klepov behandelt die (seltsam) vielen Möglichkeiten, wie ziemlich einfache Bedingungen schiefgehen können, z. B. wenn die Zahl0in Ihren Markup gelangt, und wie man Update vs. Remount bei Bedingungen verwaltet. - useProseMirror
Ich fand ProseMirror in der Vergangenheit einen ziemlich guten Rich-Text-Editor. Die Bibliothek selbst ist eigentlich nicht in React, daher halte ich es für eine kluge Entscheidung, einen modernen React-Wrapper dafür zu erstellen. - Verlangsamen Sie träge Eingaben mit useDeferredValue
Sie können unangenehme Eingabeverzögerungen einführen, je mehr Arbeit eineonChange-Funktion bei einer Texteingabe verrichten muss. *„useDeferredValuegibt uns eine Möglichkeit, hochprioritäre Updates von niedrigprioritären Updates für solche Fälle zu trennen.“* - 🎥 Eine Cartoon-Einführung in WebAssembly
Wenn Sie kein gutes Verständnis davon haben, was WebAssembly ist, dann wird Ihnen Lin Clark in diesem Video von der JSConf EU 2017 dies vermitteln. Also, nein, kein neuer Link oder so, aber er ist neu für mich! - 🎥 Turborepo Demo und Walkthrough
Vercel hat Turborepo gekauft. Turborepo konzentriert sich speziell darauf, Monorepos zu verbessern. Als jemand, dessen Hauptcodebasis ein Monorepo mit Lerna und Yarn Workspaces ist, sodass wir mehrere verschiedene Websites haben können, die Dinge wie ein Designsystem gemeinsam nutzen, ist dies genau unser Ding. Dieses Video ist mit dem Schöpfer von Turborepo Jared Palmer und Lee Robinson, Leiter der Entwicklerbeziehungen bei Vercel. In diesem Video können Sie sehen, wie alles funktioniert.