React Hebdo #23: Records & Tuples pour React, ReactNative, SWR, NextJS...

Sébastien Lorber

Aug 2, 2020

React

Mon dernier blog post!

Cette feature JavaScript à l'état de proposal (stage 2) apporte des structures immuables natives avec des propriétés très intéressantes pour React.

Dernière publication de Dan Abramov, sur la composition, de fonctions, puis de composants React.

Nouvelle release. La librairie de hooks de data fetching permet notamment de gérer les listes paginées et le infinite scroll.

Avec en particulier la génération statique incrémentale qui sort de beta. Quelques améliorations, et le support optionnel en beta de Webpack 5.

8 règles fortement conseillées quand on utilise Redux.

Storybook veut réduire au maximum sa config, en proposant une intégration TypeScript de base, et un preset Essentials qui regroupe les principaux addons recommandés.

Gatsby propose officiellement un theme pour aider aux problématiques i18n. On peut utiliser la lib i18n React de son choix, il y a un composant LocalizedLink...

ReactNative

Encore un article pour vous aider de passer de React web a React-Native. C'est pas si différent, n'hésitez pas à vous lancer!

L'auteur de Reanimated nous présente les outils withSpring, withTiming, sequence, delay, repeat...

Une petite lib sympa qui permet d'extraire la palette de couleurs d'une image. On peut ensuite utiliser ces couleurs avec LinearGradient pour créer un effet comme sur Spotify, avec le background qui change en fonction de la pochette de l'album...

Jusqu'a présent, il y avait 2 React-Native Testing Library en ReactNative (l'une de l'org de Kent C Dodds, l'autre de Callstack), ce qui était assez perturbant :)

Content de voir ces 2 libs fusionner.

Des techniques intéressantes pour optimiser la taille et le temps de démarrage de son app React-Native Android.

Pas compris grand chose à cette page, mais il y a de l'activité intéressante du coté du moteur JS Hermes, que Microsoft semble décidé à utiliser sur les apps ReactNative MacOS.

Divers

Article très intéressant, qui propose de réduire significativement le poids de nos librairies pour les browsers modernes, en utilisant les exports conditionnels (introduits dans Node 13.7).

Je découvre l'existence de frameworks CSS ou on écrit que des tags HTML sans aucune classe.

Passe en revue les différentes options pour rendre TypeScript plus strict.

Un outil open-sourrce qui permet de designer simultanément sur plusieurs tailles de viewport et themes. Fait penser à Sizzy.

Une fonction native qui pourrait bien remplacer votre lib de date favorite.

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