Voir le profil

React Hebdo #51: React State Management, Blitz beta, TypeScript, Expo, Vite, esbuild, Volta...

Bonjour à tous! Cette semaine, des liens assez diver pour React passe la barre des 10 millions de tél
React Hebdo #51: React State Management, Blitz beta, TypeScript, Expo, Vite, esbuild, Volta...
Par Sébastien Lorber • Numéro #51 • Consulter en ligne
Bonjour à tous!
Cette semaine, des liens assez diver pour React passe la barre des 10 millions de téléchargement par semaine sur npm.
Quelques nouvelles d'Expo qui ne devrait pas tarder à sortir son SDK 41. Pour la sortie de React-Native 0.64, on est toujours en attente.
Les outils frontend continuent d'évoluer avec Vite, esbuild, Volta, Snowpack…
🙏 Pour soutenir la newsletter 🙏: recommande la autour de toi! Dans ton entreprise ou école, sur Slack, Discord ou Linkedin… Cela a vraiment un impact pour moi et me permet de continuer sur le long terme.
Bonne lecture!
Chat React Hebdo (Discord)

React
Past, Present, and Future of State Management
Lee Robinson donne une vision d'ensemble sur l'histoire la gestion d'état en React, son écosystème, et mentionne quelques nouveautés qui arrivent comment useSelectedContext().
leerob.io  •  Partager
Blitz est un meta-framework full-stack reposant sur Next.js, et vient juste de passer en beta, avec un tout nouveau site. Inspiré de Ruby on Rails, il propose plus de conventions, et quelques innovations sur la communication entre le client et le serveur. Pas de blog post, release annoncée sur Twitter. La v1.0 est attendue pour Avril.
blitzjs.com  •  Partager
Reduction de taille, performance, consistance… Ce que je trouve le plus intéressant, c'est l'amélioration du typage du nom des champs (basé sur la nouvelle feature Template Literal de TypeScript).
dev.to  •  Partager
Plutôt que de faire un gros composant avec plein de conditions, on refactor en plusieurs implémentations différentes et une sorte de composant de routage au dessus.
Le titre n'est pas très explicite mais c'est une technique React que j'aime bien. On peut aller plus loin et mettre directement le composant dans la map à la place de ReactNode.
altrim.io  •  Partager
🇫🇷 Model View Presenter en React
Nicolas nous parle du pattern Model View Presenter en React pour découpler un maximum de code du framework, simplifier la vue, et l'écriture de tests rapide et sans mocks.
www.mechantblog.com  •  Partager
Un tutoriel assez complet pour publier un design system utilisant Tailwind et TypeScript, avec une intégration Storybook et Chromatic pour detecter les regressions visuelles, et quelques commentaires qui expliquent pourquoi la plateforme Bit n'a pas marché pour l'auteur.
dev.to  •  Partager
Jobs
Une offre ci-dessous vous intéresse? Répondez à cet email!
Lazy: dev React senior - CDI remote 55/65k
Ponicode: dev JS/React - CDI Paris 40-65k (confirmé ou senior)
StartupFlow: dev Fullstack NodeJS/React - CDI Paris 45-60k
Smallable: dev React - CDI Paris 45/50k
Snapshift: dev React confirmé - CDI Paris 50/60k
Splio: dev Fullstack React/NodeJS senior - CDI Paris 60/70k
F4: dev NodeJS - CDI Paris 40/50k
ReactNative
Expo partage des nouvelles de son nouveau système de build d'applications React-Native dans le cloud. Support des extensions iOS, hooks npm, diverses options de configuration…
blog.expo.io  •  Partager
Authentification two-factor, sécurité des notifications pushs, et des access token / bot users pour mettre en place une CI pour votre app Expo sans exposer vos login/password personnels!
blog.expo.io  •  Partager
Divers
Announcing Vite 2.0
Evan You annonce la nouvelle version de son outil de build nouvelle génération, qu'il qualifie de premiere vraie version stable. Basé sur les modules ES, mais propose un fallback pour les navigateurs qui ne supportent pas. Initialement prévu pour Vue, l'outil est framework agnostic et marche également avec React. La comparaison du temps de démarrage avec Create-React-App est impressionnante. Il y a une nouvelle doc. J'ai trouvé la comparaison Vite VS Snowpack intéressante.
dev.to  •  Partager
Why is esbuild fast?
Evan Wallace a expliqué pourquoi son bundler / transpiler nouvelle génération bat des records de performance. Outil utilisé par Vite et Snowpack notamment. La dernière release apporte le support Apple M1. Plusieurs reasons données, dont l'usage de Go qui ne repose pas sur une compilation JIT et peut démarrer au quart de tour.
esbuild.github.io  •  Partager
Résumé d'un podcast avec l'auteur de Volta qui permet de manager votre env JavaScript et switcher d'une version NodeJS à l'autre. Un peu comme NVM, sauf que Volta est basé sur Rust (qui n'utilise pas JIT non plus, cf ci-dessus) et les performances sont meilleurs (impact de 20ms).
www.telerik.com  •  Partager
Axel à publié gratuitement son livre sur TypeScript pour une lecture en ligne.
twitter.com  •  Partager
Minko parle des différentes heuristiques de pre-fetching et de leurs tradeoffs. Mentionne en particulier Angular, mais ces solutions de prefetching sont également très utilisées dans l'écosystème React pour améliorer l'expérience de navigation: Gatsby, Next.js, Docusaurus…
blog.mgechev.com  •  Partager
Brad Frost explique qu'il y a deux types de développeurs frontend. Pour faire simple: ceux qui travaillent sur le style d'un bouton et ceux qui travaillent sur le comportement lorsqu'on clique sur ce bouton. Perso je suis plutôt back-of-the-frontend, et vous?
Lire aussi The Great Divide de Chris Coyier: “Two front-end developers are sitting at a bar. They have nothing to talk about”
bradfrost.com  •  Partager
Reflexion intéressante de Remy Sharp qui explique que le web n'est pas plus compliqué qu'avant, que les technologies du passé fonctionnent toujours. De nouvelles options sont disponibles mais rien n'oblige à les utiliser.
remysharp.com  •  Partager
Avez-vous aimé ce numéro ?
Sébastien Lorber

Chaque semaine, je vais t'envoyer les nouvelles pertinentes pour un 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 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