React Hebdo #47: useSelectedContext, Redux, TypeScript, Blazor, web-components...

React

Feature très attendue: un nouveau hook officiel devrait permette de sélectionner un sous-ensemble de context React de manière performante. La pull-request de Andrew Clark implémente une version naive, les optimisations plus poussées arriveraient après React 18.

David Ceddia partage son opinion sur React et les libs populaires actuelles.

Pour un dev React, une bonne intro pour découvrir Blazor, la techno basée sur C# et WebAssembly qui permet de réaliser des apps frontend interactives.

Mark Erikson explique une fois de plus que le context React n'est pas une solution de stage management (mais plutôt de dependency injection) et qu'il reste de nombreuses raisons de continuer à utiliser Redux.

Kent C. Dodds explique comment faire un hook custom qui utilise useState, en prenant l'example useDarkMode(). Explique en particulier un bon cas d'usage pour "as const" en TypeScript.

Daniel explique sa méthodologie de tests d'une app React, avec l'exemple d'une Todolist. Je pense que l'approche est plutôt bonne, mais ça me semble pas vraiment être du vrai TDD.

Propose d'intégrer React avec des web-components via un composant React qui va gérer l'intégration. La dernière solution propose de gérer cette intégration automatiquement via un pragma JSX.

Jobs

Une de ces offre vous intéresse? Répondez à cet email!

Lazy: dev React senior - CDI remote 55/65k

Smallable: dev React - CDI Paris 45/50k

Splio: dev Fullstack React/Java/Go senior - CDI Paris 60/70k

F4: dev NodeJS - CDI Paris 40/50k

ReactNative

Un tutoriel assez complet pour créer un formulaire de carte de crédit sur ReactNative en utilisant react-hook-form.

J'aime en particulier l'usage de React-Native-Web pour afficher le résultat directement dans le blog post!

Divers

Stefan Baumgartner explique comment il réduit la maintenance de ses types TypeScript en utilisant l'inférence et les mapped types.

Brian Rinaldi présente les principaux SSG en 2021 et comment choisir.

Lee Robinson partage ses conseils sur l'usage de fonts de manière performante. Perso je découvre les "variable fonts".

Robin, auteur de la lib CSS-in-JS Fela, nous explique un problème particulier du Atomic CSS, les solutions possibles et leurs tradeoffs. J'ai partiellement couvert ce problème dans mon post sur Atomic CSS-in-JS avec la solution utilisée par React-Native-Web.

David K, auteur de XState, encourage à adopter une approche "finite-state-first" dans notre code vanilla JS (reducers en particulier), et explique l'intérêt d'utiliser une librairie de state machines pour les cas plus complexes.

Article interactif qui devrait vous aider à bien comprendre la différence entre debounce et throttle.

Jared donne les raisons pour lesquelles il n'aime pas Tailwind CSS. Certains arguments interessants, mais peut être un peu trop focus sur les web-components, et pas sur que ça vous fasse changer d'opinion si vous aimez Tailwind :)

Aaron met en avant une feature prévue pour MDX 2.0 qui permet de factoriser du contenu MDX dans un fichier séparer et garder la possibilité d'utiliser des props/variables.

Article assez complet sur l'état actuel des PWA.