React Hebdo #61: Remix, Next.js, Suspense, Redux, Docusaurus, TypeScript, Expo, React-Native-Web...

React

Ryan Florence et Michael Jackson ont lancé la beta de leur meta-framework Remix via un livestream sur Youtube. Pas regardé mais les retours ont l'air bon.

Une belle synthèse des futures features React attendues avec impatience, et de leur évolution dans le temps, avec de nombreux liens vers des talks, RFCs, et demos.

Le rollout progressif de Webpack 5 commence pour les sites qui n'ont pas de config Webpack customisée. Le persistent caching de Webpack 5 améliore les temps de build. Vercel a aussi beaucoup travaillé les perfs en dev et le hot reload.

Réduction de la taille de bundle en sortant les messages d'erreur et utilisant un système de code (comme React). La solution de data fetching Redux Toolkit Query arrive officiellement dans Redux Toolkit. A voir si cela va redonner un élan d'intérêt pour le stockage de données dans Redux.

On vient aussi d'apporter le support de Webpack 5 dans Docusaurus. J'ai testé le support sur une 20aine de sites open-source. Les gains au rebuild peuvent être assez significatifs: divisé par 2 ou 3 dans la majorité des cas.

Kent C. Dodds explique pourquoi React à besoin d'une prop key, en prenant l'exemple classique d'une liste.

Maxime nous propose un nouvel article très interactif pour découvrir certains concepts avancés de Framer Motion, comme les animations de layout.

Pedro Duarte présente ses outils favoris pour créer un design system en React, via un article interactif: Stitches gère les design tokens et Radix l'accessibilité.

Un outil pour inspecter facilement le layout de vos applications React, peut-être plus pratique que d'ouvrir les DevTools?

Jobs

Wecasa, c’est l’offre de services 7j/7 d’aide et de bien-être à domicile. Notre mission : permettre à chacun.e de retrouver du temps pour soi et pour les autres. Et pour ça, on fait grandir notre équipe de rêve. Seras-tu notre nouvel expert technique react-native (en remote first) ? Es-tu prêt à rejoindre une aventure où on fait rimer business, robustesse et gentillesse ? Deviendras-tu, comme nous, accro aux croissants aux amandes du lundi matin ? Tant de mystères à résoudre. Go go go, on a déjà hâte de te rencontrer

Une de ces offre t'intéresse? Réponds directement à cet email.

Choose: dev React-Native - CDI Paris 50/60k

Bloom: dev Fullstack NodeJS/React senior - CDI Neuilly 60/70k

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

ReactNative

Fernando Rojo est assez actif dans le domaine du cross-platform en React-Native, et propose un starter pour ceux qui voudraient réaliser une app web (Next.js) et mobile (Expo) à partir d'un même repo, en utilisant React-Native-Web.

Divers

Retour d'expérience de Airtable qui a migré une large codebase React de Flow vers TypeScript. Migration "big-bang" (non incrémentale), à base de codemods qu'ils viennent d'open-sourcer.

Synthèse intéressante de Richard MacManus sur la Jamstack suite aux nouveautés proposées par Netlify.

Chris Coyier met en avant une proposal WICG qui propose une API de Shared Element Transitions pour le web. Permet de passer d'une page A a une page B avec les images qui se déplacent par exemple, pattern assez utilisé sur mobile). Pourrait aider à réduire le besoin d'utiliser une Single-Page-Application pour la fluidité des transitions.

Nouvelles features de class, TypeScript 4.3, meilleur intérop ESM-CJS... Async do expressions me plait beaucoup, espérons que le support Babel aide les 2 proposals à passer en stage 2.

La dernière version de Safari, pour macOS et iOS, propose pas mal de nouveautés. Le support web se complète petit à petit pour des APIs comme Flexbox Gap, Date/Time inputs, Intl...

Un "awesome repo" propose de recenser tous les outils frontend qui ne sont pas écrit en JS (souvent pour des raisons de perf).

Le fondateur de Mixpanel travaille sur un projet de browser dans le cloud qui stream l'UI sur votre PC, et cela semble prometteur sur plusieurs aspects. Il me semble que ce genre de technique est déjà utilisé par les plateformes de jeux video comme Blade Shadow? Lire aussi le blog post.