React Hebdo #29: React, ReactNative, Flutter, Jotai, Framer Motion...

React

Nouveau state manager pour React (state en japonais), inspiré de Recoil, avec une api simplifiée. Sous la gouverne de React-Spring, qui va bientôt se rebrander sous forme de collectif.

Présente la lib React-Motion avec des exemples sympas (toggle animé, staggering...). C'est plus simple à l'usage que React-Spring. J'ai pas encore utilisé cette lib mais les avis de la communauté sont plutôt positifs.

Explique comment créer une bonne surface API pour ses composants, en respectant le principe Open-Closed.

Pour ceux qui aiment Three.JS et les expériences 3D, voici une API de layout basée sur Flexbox. Réutilise Yoga, le moteur Flexbox de ReactNative.

Eric Elliott propose sa propre introduction à React

ReactNative

Présente ce que Shopify à mis en place pour tester code ReactNative dans les pull requests. Ils ont appelé ça "Tophatting", je sais pas trop pourquoi ^^. C'est très proche de ce qu'on fait aussi en Expo, avec un QRCode dans la PR.

Tutoriel qui propose de créer une calculatrice pour la plateforme react-native-macos.

La librairie de William Candillon est une sorte de Lodash de l'animation pour ReactNative, et sort en v15 avec un support de Reanimated v2.

Un tutoriel complet sur React-Navigation, par Robin Wieruch.

Divers

Article très complet qui évoque pas mal d'outils indispensables pour ceux qui veulent self-hoster du NodeJS. On pars de nodemon, pm2, et on termine par du Docker et Kubernetes

Les décorateurs JavaScript reviennent dans le game! Nouvelle proposal pour tenter de standardiser tout ça.

Cette version fasse moins de chose, et @logged ne sera plus appelée avec l'instance de la classe, mais seulement avec la fonction décorée.

Josh Comeau propose un ebook gratuit pour aider à créer un portfolio de dev attractif.

Une bonne présentation de Flutter et ses atouts.

Interview intéressante du product manager de Flutter et Dart. "Flutter Is To Apps As Unity Is To Games". La question, c'est de savoir si c'est une bonne idée de faire des sites web en Unity... On a déjà des outils comme PixiJS, et pourtant on ne code pas tous les sites avec ça. Bref je crois encore à l'avantage de ReactNative, du moins pour le web ;)

AVIF présente des résultats très prometteurs comparé à WebP, JPEG et PNG. En plus de ça, il risque d'être disponible assez rapidement dans la majorité des navigateurs.

Présente quelques tags html méconnus. Perso je découvre <wbr/>.

Après Ionic React et Ionic Vue v2, la lib de dev mobile/PWA propose maintenant un support en beta pour Vue 3.

Sortie de Android 11