React Hebdo #41: 25 ans de JS, RTK-Query, Expo, Snowpack, CloudFlare Pages...

React

Nouvelle librairie officielle de data-fetching pour Redux! 

Les hooks sont générés via la déclaration d'un service, et typés via TypeScript 4.1. Les résultats sont gérés dans le cache Redux de manière assez similaire à React-Query (pas de normalisation).

Rétrospective intéressante, 2 ans après l'annonce des hooks, et l'impact sur l'ensemble de l'écosystème frontend.

Calendrier de l'avent: un article React chaque jour de Décembre.

Dans un soucis d'uniformisation, Lyft migre sess microservices hétérogènes vers Next.js, en utilisant des codemods JSCodeShift et un package @lyft/service.

Dashlane explique comment ils utilisent MJML et un plugin Webpack pour produire le html statique de leurs emails, avec les variantes html/texte et la localisation.

La BBC donne un retour d'expérience sur sa migration de PHP vers une app React "isomorphique" (le term old school pour rendu coté serveur), et les gains de performance associés.

ReactNative

Première fois que Expo release un SDK en beta, toujours basé sur ReactNative 0.63. La release officielle du SDK 40 devrait arriver dans la semaine, et s'accompagner d'un changelog un peu plus détaillé.

J'espère qu'on nous présentera en particulier l'avancée sur les changements d'infra pour ajouter du code natif sans éjecter, ou les "Expo Application Services" sur lesquels on a très peu d'infos pour l'instant.

Nouveau monorepo dédié exclusivement à Snack, ses packages (SDK) et sa documentation.

Divers

JavaScript fête ses 25 ans.

Timeline regroupant les événements marquants.

Citations de l'époque suite à la sortie de JavaScript. Certaines sont marrante et un peu à coté de la plaque :)

Les résultats du sondage State of CSS sont en ligne. Sans grosse surprise, Tailwind est le framework avec la plus grosse progression cette année. Styled-Components reste la lib CSS-in-JS la plus populaire. CSS grids progresse mais l'adoption est toujours plus faible que Flexbox.

Le sondage State of JS est ouvert.

L'outil de dev basé sur les modules ES propose d'officialiser quelques nouvelles features:

• Installation des modules npm à la volée (sans npm install) 

• Meilleur intégration avec esbuild

• API JavaScript pour configurer le dev server

Propose plusieurs stratégies pour migrer d'une API REST vers GraphQL.

Quelques nouveautés:

• addEventListener + AbortSignal

• Complex :not() selector

• CSS aspect-ratio

Features notables:

• yarn npm audit

• logs améliorés (warnings, filtres...)

Dernière version 2.x mineure, le dev de la v3 va commencer (et sera plus facile à adopter que la v2).

CloudFlare, très réputé pour son infra réseau/CDN, propose de plus en plus de features intéressantes (comme les CloudFlare Workers), et semble bien décidé à proposer une offre Jamstack qui pourrait sérieusement concurrencer Vercel et Netlify.

Pour ma part, j'ai constaté qu'utiliser le CDN CloudFlare au dessus de Netlify améliore le Time-To-First-Byte et la performance des sites.

On peut maintenant créer des instances EC2 macOS, accessible en bureau virtuel ou terminal.  Attention au tarif!

L'auteur de Preact propose un nouvel outil de dev tout en un. On ne sait pas trop ce que l'acronyme signifie.