React hebdo - Numéro #4

React

Release de maintenance, avec des warnings et bugfixes. Prépare la v17, j'ai hâte :)

React Query, sorti récemment en 1.0, se dote d'un nouvel outil devtools, pour inspecter le cache et les queries.

Met en garde sur les dangers de la réhydratation React, quand le 1er render client ne produit pas exactement le même résultat sur le serveur. Touche Gatsby plus que Next, qui n'aura pas de warnings de réhydratation, car le mode SSR se fait au build en mode production.

ReactNative

Cet article francophone montre qu'il est possible de créer une extension Apple Watch pour une app ReactNative, et faire communiquer cette extension avec l'app principale. Attention tout de même à la consommation mémoire de ces extensions, comme le mentionne la doc ReactNative.

Si la commande simctl n'est pas la plus ergonomique, vous pouvez opter pour cette interface pour controler vos simulateurs iOS.

Divers

Présente toutes les nouvelles features Typescript, plutôt utile si vous ne suivez pas régulièrement les évolutions du langage.

Jason (Preact) nous donne quelques infos sur Rome, la nouvelle toolchain JS sur laquelle Facebook travaille. Article un peu technique sur le format d'output, la minification, l'élimitation du code mort etc...

Pas d'éclaircissement sur les motivations du projet (initié par ReactNative)

Si vous ne savez pas par ou commencer avec l'open-source, lisez cet article.

A voir également les videos de Kent C Dodds sur Egghead.

Avec le support headless des browsers, faire un screenshot d'une page via une fonction Serverless n'a jamais été aussi simple.

Je fais tout mon travail d'implémentation via Alqemist. Une équipe de 10 freelances expérimentés, habitués à travailler ensemble (+ de 20 projets livrés en 5 ans).

Sponsor

Vu sur LinkedIn

Facebook a publié un post sur la réécriture de Messenger, en natif. L'app legacy était déjà en natif avant, et ReactNative n'était probablement pas le meilleur choix. Ils ont contraintes fortes en terme de taille de l'app, de performance, et de temps d'ouverture. Ils ont mis du C, et 100 personnes y ont travaillé.

InteractionManager.runAfterInteractions() est une fonction utile mais assez méconnue. Elle permet d'attendre la fin des animations en cours, particulièrement utile lors des transitions d'écran react-navigation.

La JAMstack continue d'attirer les investisseurs.

A noter que Tom Preston-Werner, le créateur de Github et de Jekyll, rentre au board Netlify, et il nous présentera prochainement son projet Redwood, nouveau framework JAMstack fullstack. A suivre de près, connaissant le track-record de Tom...

Si plusieurs appels de la meme fonction ont lieu les uns à la suite des autres, alors le contexte d'execution peut être recyclé par le provider. Comportement utile pour garder une connexion DB ouverte par exemple.

Gatsby possède maintenant une option expérimentale "incrémental data change", qui permet de réduire significativement le temps de build (sauf le 1er), particulièrement si vous utilisez la couche data (via un plugin CMS).