React Hebdo #35: React 17, CRA 4, React vs Svelte/Vue, HTTP3...

React

Release sans nouvelle feature majeure, qui prépare le terrain pour la suite. 

On note tout de même:

• Permet de faire cohabiter plus facilement plusieurs versions de React, pour faciliter les migrations incrémentales. 

• Le modèle d'event delegation change, en écoutant les événements sur la racine de l'app plutôt que sur le document. 

• Le nouveau JSX transform permet d'utiliser JSX sans importer React.

Reflexion intéressante de Shawn Wang sur le choix de l'outil en fonction du usecase. Fait l'apologie de Svelte sans pour autant dénigrer React. 

Pour les sites de contenu, Svelte semble être le juste milieu entre les générateurs de site statique simples (Hugo, Jekyll...) et ceux de type SPA, avec hydratation.

Un tutoriel complet pour réaliser de belles transitions de page animées avec Framer Motion.

Intégration de fast refresh, React 17 (avec nouveau JSX transform), ESLint 7, TypeScript 4...

Skypack, le CDN nouvelle génération qui expose les modules npm en format ES modules, affiche maintenant un score de qualité sur chaque package, et un outil @skypack/package-check pour intégrer le score de qualité à son build.

React n'y est pas le mieux noté. Le premier point devrait être adressé quand on arrêtera les import React from "react" qui sont maintenant découragés.

Un outil qui est censé générer des tests de selectors Recoil pour vous en Jest, via un outil de recording. A étudier plus en détails.

Article intéressant à lire, mais pas hyper convaincu par ses arguments, qui sont pour beaucoup de la cosmétique. Pas de mention des différences plus profondes de Vue: composition API, du système réactif...

ReactNative

Le site de ReactNative migre de Docusaurus v1 (basé sur React, coté serveur uniquement), vers Docusaurus 2 (avec hydratation React). 

On est très proche de la release finale, qui devrait se faire avant la publication de ReactNative 0.64.

C'est ce qui m'a pas mal occupé cette derniers temps, car il manquait quelques features bloquantes dans Docusaurus pour pouvoir migrer.

Le résultat est plutôt cool: une belle doc avec navigation SPA, dark mode... cf la deploy preview Netlify.

Divers

La nouvelle version Node (non LTS), avec quelques features sympa:

• AbortController

• npm 7

• Promise unhandled rejections = throw

• QUIC, HTTP/3

• Upgrade V8: promise.any, replaceAll

Retour d'expérience de l'usage de QUIC / HTTP/3 chez Facebook, avec différents chiffres partagés sur les améliorations.

Le support QUIC semble arriver un peu partout en même temps. Chrome, Safari, Node, CloudFlare, bientot Vercel...

Présentation des concepts d'un nouveau framework serverless backend avec du CQRS / Event-Sourcing. Pas eu le temps de creuser mais m'a donné envie d'en savoir plus.

On peut maintenant utiliser Edge sur Linux, via un build de preview. Pas sur que les linuxiens soient trop fan, mais ils pourront au moins tester plus facilement leur réalisation sur Edge :)

Explique la phase capture et la phase bubble des events DOM, et les méthodes associées. Utile pour ceux qui ne connaissent pas encore.

Un résumé des talks de la conférence Svelte, framework qui me semble intéressant à étudier.

Un outil de Microsoft pour gérer ses monorepos.