Voir le profil

React Hebdo #48: useEncapsulation, Styled-Components, update TC39, UI futuriste, tendance hybride client/server...

React Hebdo #48: useEncapsulation, Styled-Components, update TC39, UI futuriste, tendance hybride client/server...
Par Sébastien Lorber • Numéro #48 • Consulter en ligne
Bonjour à tous!
On vient de passer les 1500 abonnés!
Cette semaine, 2 articles React qui vont traiter d'encapsulation, via styled-components et les hooks custom.
L'article Tao of React est également complet pour se familiariser avec quelques bonnes pratiques.
2 articles égalements sur la tendance hybride des composants client/server (pas uniquement dans l'écosystème React).
La demo d'UI futuriste de FormidableLabs est assez impressionnante!
Des nouvelles également du TC39, avec quelques proposals pour EcmaScript qui passent au stade suivant.
🙏 Soutenez la newsletter 🙏: recommandez reacthebdo.fr autour de vous, dans votre entreprise, école, communauté… Ça a vraiment un impact pour moi.
Bonne lecture!
Chat React Hebdo (Discord)

React
The styled-components happy path
Encore un super article de Josh Comeau, qui partage sa manière d'utiliser Styled-Components. Usage de CSS variables, encapsulation, rendre le CSS facile à supprimer…
www.joshwcomeau.com  •  Partager
Kyle dit que les composants React ne devraient pas consommer des hooks primitifs (comme useEffect), mais uniquement des hooks custom avec un nom explicite, une bonne abstraction et encapsulation. Il publie un plugin ESLint pour encourager cette pratique.
kyleshevlin.com  •  Partager
Article plein de bons conseils pour vous aider à mettre en place une bonne architecture React. Assez long, et on ne sera pas forcément d'accord sur tout :)
alexkondov.com  •  Partager
Retour d'expérience intéressant. L'auteur nous raconte comment les choix qu'il a fait en 2018 sur une app conséquente d'entreprise se sont plus ou moins retournés contre lui avec le temps. Il ne recommande plus React pour les apps d'entreprise.
medium.com  •  Partager
Building Future UIs
Brian nous parle des UI futuristes qu'on retrouve dans les films, comment on peut les reproduire dans un environnement avec plus de contraintes comme un navigateur, et les apis à venir comme WebGPU et Houdini. Sa démo react-three-fiber est impressionnante.
Dans le même genre, voir cette demo de Paul Henschel.
formidable.com  •  Partager
Jobs
Une de ces offre vous intéresse? Répondez à cet email!
Lazy: dev React senior - CDI remote 55/65k
Ponicode: dev TS/React - CDI Paris 40-65k (confirmé ou senior)
StartupFlow: dev Fullstack NodeJS/React - CDI Paris 45-60k
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
Detox: Writing Stable Test Suites
Detox: Writing Stable Test Suites
Rotem, ingénieur chez Wix, nous propose d'écrire des suites de test Detox e2e plus stables, et les outils à disposition pour debugger les problèmes de stabilité.
Dans un 2ème post, on a un retour d'expérience de Wix, et des explications sur leurs choix techniques.
medium.com  •  Partager
Divers
Servers: Cool Once Again
Reflexion intéressante de Chris Coyier sur le “retour des servers”, avec mention de Hotwire et React Server Components.
css-tricks.com  •  Partager
Donne une bonne vision d'ensemble des tradeoffs, et pourquoi on s'oriente de plus en plus vers des solutions hybrides (pas que en React). Même sujet que l'article précédent.
css-tricks.com  •  Partager
…unless they’re designed for it.
Je ne vous cache pas que ce post m'a fait sourire, suite à un bug rencontré y a quelques mois lié à [1,2,3].map(parseInt)
jakearchibald.com  •  Partager
Pas mal de proposals intéressantes progressent!
JSON modules, module blocks, async do, Intl…
dev.to  •  Partager
Article court mais intéressant. Risque de ne pas mettre tout le monde d'accord :p
chriskiehl.com  •  Partager
Daniel nous présente 10 patterns qu'on retrouve assez souvent dans les codebases TypeScript, et nous explique pourquoi les éviter.
startup-cto.net  •  Partager
New aspect-ratio CSS property
On aura bientôt plus besoin de hack (padding-top en %) pour faire en sorte qu'un element préserve un ratio hauteur / largeur donné. Pour ceux qui font du ReactNative, c'est déjà dispo depuis un moment ;)
web.dev  •  Partager
Retrospective sur l'évolution de Deno en 2020, mois par mois.
deno.land  •  Partager
Pour ceux qui aiment les stats et tendances, React et ReactNative sont encore très bien placés cette année.
stackshare.io  •  Partager
Avez-vous aimé ce numéro ?
Sébastien Lorber

Chaque semaine, je vais t'envoyer les nouvelles pertinentes pour un(e) dev React et React-Native, et tu vas gagner du temps sur ta veille.

Je pars du principe que tu es déjà à l'aise avec React, et ouvert(e) d'esprit: on parle aussi de NodeJS, TypeScript, Jamstack, CSS, Serverless, Flutter, Svelte, mobile...

🙏 Pour me soutenir: recommande la newsletter autour de toi.

Si vous ne voulez plus recevoir les prochaines mises à jour, vous pouvez vous désabonner ici.
Si on vous a fait suivre cette lettre d'information et que vous l'aimez, vous pouvez vous y abonner ici.
Propulsé par Revue
Lambda Scale - SIRET 82951115300027