This Week In React

Share this post

React Hebdo #54: React Fizz, ReactNative 0.64, Docusaurus i18n, Relay hooks, TC39, Bob, Svelte Kit, TS-Pattern...

substack.thisweekinreact.com

React Hebdo #54: React Fizz, ReactNative 0.64, Docusaurus i18n, Relay hooks, TC39, Bob, Svelte Kit, TS-Pattern...

Sébastien Lorber
Mar 15, 2021
Share this post

React Hebdo #54: React Fizz, ReactNative 0.64, Docusaurus i18n, Relay hooks, TC39, Bob, Svelte Kit, TS-Pattern...

substack.thisweekinreact.com

React

L'équipe React commence à travailler sur le support de Suspense coté serveur (SSR + SSG) avec support du streaming. Il semble qu'il y ait un nom de code "Fizz" pour ce projet à l'origine de plusieurs pull requests, dont une qui pose les bases de l'architecture et documente un peu tout ça.

On vient de sortir officiellement le support de i18n, pour vous aider à traduire votre documentation, et on a mis en ligne le nouveau site Jest en Docusaurus v2, qui a servi de cobaille vu que l'ancien site était traduit.

Le framework Redwood est également un early adopter et propose un tutoriel en français.

Relay sort officiellement en v11 avec des hooks React pour requêter votre backend GraphQL. Code moins verbeux, mieux typé, et avec la possibilité de pre-fetcher les données avant le rendu React. Ces hooks semblent solides et utilisés en production sur le nouveau site Facebook depuis un moment.

Et aussi, le site à migré en Docusaurus 2 ;)

Marvin de l'équipe Preact travaille sur un équivalent des Server Components de React et présente une 1ère démo sur Twitter.

Jobs

Une de ces offre vous intéresse? Répondez à cet email!

Choose: dev backend Node/TypeScript senior - CDI Paris 60/70k

Habx: dev Fullstack React/NodeJS/TypeScript - CDI Paris 40/50k

Lazy: dev React senior - CDI remote 55/65k

Ponicode: dev JS/React - CDI Paris 40-65k (confirmé ou senior)

StartupFlow: dev Fullstack NodeJS/React - CDI Paris 45-60k

Snapshift: dev React confirmé - CDI Paris 50/60k

Splio: dev Fullstack React/NodeJS senior - CDI Paris 60/70k

F4: dev NodeJS - CDI Paris 40/50k

ReactNative

Une release très attendue!

Le moteur Hermes supporté sur iOS! Avec support des Proxy (et donc Mobx, Immer, Firebase...). Et l'annonce également de vouloir faire d'Hermes le moteur par défaut sur Android!

Avec Inline Require activé par défaut et Hermès, les temps de démarrage des apps ReactNative devraient être significativement améliorés!

Note: Expo ne supporte pas les updates OTA avec Hermes: il faudra rebuilder ses apps. CodePush semble supporter Hermes sur Android.

Bob est un outil pour facilement créer des librairies React-Native. La dernière version propose un CLI pour initialiser votre lib avec plusieurs templates: "npx create-react-native-library myLib". Plus d'excuse pour ne pas publier votre lib maintenant :)

Divers

Josh Comeau lance son cours en ligne pour enfin apprendre le CSS aux développeurs JavaScript! Le 1er module est accessible gratuitement.

Vous l'avez sans doute remarqué, Josh est vraiment un de mes bloggeurs favoris. J'ai acheté son cours même si je connais déjà bien CSS, et il ne s'agit pas d'un lien d'affiliation.

Kent C. Dodds revient sur son blog post de la semaine dernière pour s'attarder sur un problème TypeScript bien particulier: faire marcher l'inférence de type sur les clés d'un objet tout en s'assurant que les valeurs respectent un type voulu. Un problème auquel j'ai été souvent confronté et qui demande workaround. Je trouve sa solution plutôt cool même si elle demande d'écrire du code runtime pour faire plaisir au type-system.

La spécification ECMAScript 2021 passe en Release Candidate. Axel Rauschmayer rappelle les 5 features stage-4 qui devraient être standardisées en Juin, et donne divers liens pour comprendre le processus de standardisation.

Hemanth synthétise les évolutions des proposals pour JavaScript suite au dernier meeting.

  • Temporal passe en stage 3! Bientôt plus besoin de lib lourde pour gérer les dates?

  • Error Cause, une proposal assez récente, a progressé très rapidement en stage 3! L'impossibilité actuelle de "wrapper" une erreur et rajouter du context est vraiment un problème debugger des problèmes de production complexes sans perdre d'infos.

Cassidy Williams de Netlify explique les avantages et inconvénients de l'Incremental Static Regeneration, feature de Next.js basée sur le pattern de caching Stale-While-Revalidate.

Gabriel présente la nouvelle version de TS-Pattern (première version "LTS"), qui permet d'utiliser du pattern matching en JavaScript/TypeScript en attendant que la feature soit officiellement supportée par les navigateurs. Etant un ancien dev Scala, le pattern matching et les do-expressions sont des proposals qui m'intéressent particulièrement.

Devrait permettre d'améliorer la lisibilité de votre logique conditionnelle dans les reducers et render React, comme présenté dans les exemples.

Storybook adopte une architecture plus modulaire qui lui permet de supporter en parallèle Webpack 4 ou 5, et bientôt de supporter également Snowpack, ESBuild et Vite?

La nouvelle boite à outil recommandée pour développer des applications avec Svelte vient d'être open-sourcée et devrait passer prochainement en beta. Basé sur Vite et les modules ES, permet de créer des sites statiques ou déployables en serverless des adapters.

Share this post

React Hebdo #54: React Fizz, ReactNative 0.64, Docusaurus i18n, Relay hooks, TC39, Bob, Svelte Kit, TS-Pattern...

substack.thisweekinreact.com
Previous
Next
Comments
TopNewCommunity

No posts

Ready for more?

© 2023 Sébastien Lorber
Privacy ∙ Terms ∙ Collection notice
Start WritingGet the app
Substack is the home for great writing