React Hebdo #44: spécial React Server Components, Expo Go, RN @ Wix, Ignite v6, Volta v1...

React

La core team React nous présente l'état actuel des travaux de recherche sur les server components (qui ne sont donc pas encore dispo officiellement).

Le principe est de pouvoir faire le rendu de certains composants coté serveur, en utilisant une extension comme Component.server.js. 

Permet en pratique de réduire la taille du bundle JS client, et d'exécuter du code serveur type des appels DB dans les composants serveur.

Une video/démo + une RFC avec beaucoup de commentaires à lire.

Dan Abramov @dan_abramov

How is this not illegal https://t.co/XQ8PgVBmto

Shawn Wang nous présente ses notes après avoir regardé la video des React Server Components.

Pas mal de liens intéressants qui peuvent donner du context sur comment on en est arrivé la.

Addy Osmani donne son opinion optimiste sur les composants serveur.

Il explique qu'il ne s'agit pas de concurrencer le SSR/Next.js mais plutôt de permettre aux meta-frameworks comme Next.js de s'améliorer et réduire la taille du bundle JS envoyé coté client.

Vercel a déjà publié une démo des server components qui tourne sur Next.js et hébergée en serverless, et annoncé son ambition de supporter cette feature React.

Lee Robinson (dev advocate Vercel) a également présenté une courte video qui résume bien l'interêt des composants serveur. 

Note: Netlify a également présenté une démo (mais beaucoup moins impressionnante ^^)

The Undefined Podcast @TheUndefinedIO

The Undefined Podcast #33: React Server Components vs. Hotwire vs. Phoenix LiveView with @ken_wheeler and @jaredpalmer https://t.co/NFhNHMk2LJ

Pour ce post de noel, Rachel Nabors nous donne une vision "behind the scene" de ce qui se passe dans la core team React, qui est relativement petite.

xstyled sort en v2.

Framework CSS-in-JS au dessus de Styled-Components/Emotion qui me semble pratique à l'usage.

Fait penser à un mélange entre Tailwind et Theme-UI: on a accès aux design tokens, mais on utilise des props.

Dernière version majeure de la lib Flux officielle, historiquement utilisée par Facebook, qui recommande plutôt d'utiliser Redux.

ReactNative

La nouvelle version du boilerplate ReactNative de InfiniteRed. 

Codebase simplifiée, et Expo unimodules installé par défaut.

Le client Expo a été renommé Expo Go, pour éviter la confusion avec les clients Expo sur mesure que vous pouvez builder pour ajouter le code natif de votre choix.

Un changement marketing, qui devrait aider à faire comprendre à plus de devs que Expo permet de créer n'importe quel type d'app ReactNative.

Autre bonne nouvelle: il est maintenant possible de créer une organisation Expo.

Wix nous présente les 3eme et 4eme posts de leur série de 8 blog posts sur leur usage de ReactNative.

Le 3ème présente leur architecture modulaire basée sur Wix engine, qui permet à plus de 100 développeurs de travailler sans se marcher sur les pieds.

Le 4ème explique les avantages et inconvénients de publier en open-source leur code par défaut, avec plusieurs exemples de leurs propres libs citées.

Divers

Article interactif qui présente comment améliorer un algo de recherche coté client pour le rendre tolérant aux typos.

Release 1.0 pour cette alternative à NVM qui permet de gérer plusieurs versions de NodeJS sur sa machine.

Beaucoup plus rapide que NVM pour changer de version NodeJS d'après les retours.

Nouvel outil pour comparer les libs JS entre elles. Intègre des graphs sympas non dispo sur npm trends, comme les recherches Google Trends.

Rick explique qu'une même page web peut être perçue comme rapide ou lente en fonction du contexte, et nous invite à interpreter les résultats type Lighthouse en prenant ce fait en considération.