React Hebdo #20

React

Démo impressionnante du "liquid swipe" en ReactJS + React-Spring. Cette UX de swipe, créé par l'agence Cuberto sur mobile natif, avait déjà été reprise sur ReactNative par William Candillon.

Rappel de quelques bases fondamentales sur React. On peut utiliser React sans comprendre ces bases, mais à un moment donné c'est bien de les apprendre :)

Live Twitch avec la core team React, aborde de nombreux sujets, et répond aux questions variées de la communauté.

Retour d'expérience de la migration de LeBonCoin, qui passe de RocJS (basé sur React), à NextJS. La création d'un design system et monorepo, ont aidé la transition.

J'en profite pour faire de la pub pour Ari de Guriosity, sa newsletter qui résume les blogs de 50+ entreprises françaises (Doctolib, LeBonCoin, Décathlon...)

Intéressant, et je suis d'accord, mais c'est plutôt l'apologie des hooks de data-fetching ad-hoc qu'une critique directe des concepts Redux. Voir aussi l'article de Cory House sur le même sujet.

Je recommande souvent à mes clients de créer leur propre abstraction pour gérer les formulaires, pour gérer les spécificités du "contrat API" d'une manière unifiée sur toute l'application.

ReactNative

Les grosses nouveautés:

• LogBox et système d'erreurs

• Pressable

• PlatformColor

Retour d'expérience de la "fin" de leur transition vers ReactNative, commencée en 2017.

Retour des discussions ReactNative entre ces 2 entreprises. Sujets intéressants, comme le choix d'une lib de navigation, les tests, le code splitting avec Haul...

Divers

On peut maintenant se créer un vrai profil Github, via un README.md, et s'en servir comme sorte de CV.

Voir mon profil Github

Article complet de Smashing Magazine à la Jamstack ou le rendu coté serveur. Présentation de nombreux outils et comparatif des approches.

Pour transformer des tableaux imbriqués. Article complet et intéressant, même si on connait déjà.

🇫🇷 JeSuisUnDev propose de comprendre en 7 minutes cette notation. Importante pour les perfs et la scalabilité de vos algorithmes.

On peut se dire "plus personne s'amuse à désactiver JavaScript aujourd'hui...". Quelques raisons de s'assurer qu'un site de contenu (type Gatsby) fonctionne au moins un peu sans JS...

Un nouveau système d'arguments pour les stories Storybook. Ils mentionnent aussi de "auto-generated controls", ou on aurait plus besoin d'écrire les knobs.

• Git Workspaces

• Focused Installs

• Loose mode

• Live Playground

Site qui benchmark le Time To First Byte de plusieurs hébergeurs (Netlify, Vercel, Github, WordPress...).

Voir aussi Perf Track avec des stats par framework.