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

Sébastien Lorber

Dec 7, 2020

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:

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

Quelques nouveautés:

Features notables:

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.

Comments

Top New Community

No posts

#nojs-banner { position: fixed; bottom: 0; left: 0; padding: 16px 16px 16px 32px; width: 100%; box-sizing: border-box; background: red; color: white; font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; line-height: 13px; } #nojs-banner a { color: inherit; text-decoration: underline; } This site requires JavaScript to run correctly. Please turn on JavaScript or unblock scripts