Voir le profil

React Hebdo #95: onRecoverableError, Next.js, Remix, ReactNode, Fabric, Flipper, Expo, React-Runner, State Of JS...

React Hebdo #95: onRecoverableError, Next.js, Remix, ReactNode, Fabric, Flipper, Expo, React-Runner, State Of JS...
Par Sébastien Lorber • Numéro #95 • Consulter en ligne
Bonjour à tous!
J'ai trouvé cette semaine particulièrement intéressante! Impossible de tout lire et commenter.
On sent vraiment que ça bouge coté React 18, avec une nouvelle RC1 qui arrive, et le support dans Next.js qui se complete. De belles releases pour Next.js et Remix.
Coté React-Native, on voit aussi Fabric pointer le bout de son nez dans la prochaine release 0.68. Il faudra cependant un peu de préparation dans l'écosystème, mais on a déjà de belles démos. Flipper pourrait devenir un outil universel?
🙏 Pour soutenir la newsletter: 

React
Une RC1 de React 18 devrait sortir prochainement avec cette nouvelle API, annoncée par Andrew Clark: “Small update on React 18: we’re planning another RC for next week that includes improvements to error reporting”
L'idée générale est d'introduire une API pour pouvoir logger ou reporter les “recoverable errors” (via reportError) qui surviennent dans React, en particulier lors de la phase d'hydratation.
Belle release qui inclue une des features Next.js les plus demandées: on-demand Incremental Static Regeneration (ISR). Une nouvelle API unstable_revalidate("/static-page-url") qui devrait améliorer significativement l'intégration avec un CMS.
Coté SWC: 6 nouveaux plugins Babel ont été portés en Rust (dont Styled-Components et Relay), la minification SWC en release-candidate et une meilleur intégration avec Jest.
Il y a également du mouvement sur le support de React 18 et des Server Components, mais ça reste en alpha.
Une release intéressante sur la partie déploiement: nouvelle option serverBuildTarget pour configurer le build (directory, module format) à son hébergeur, possibilité de builder le server en un fichier unique, et adapter pour deployer sur Deno.
Problème bien connu: le type TypeScript ReactNode est trop lache ne remonte pas certaines erreurs à la compilation. Kevin propose de créer un StrictReactNode et un plugin ESLint pour interdir l'usage de ReactNode. Article similaire.
Extras:
React-Native
Avec React-Native 0.68, on pourra facilement activer le nouveau renderer Fabric! Mais ça ne marchera que si toutes vos libs sont compatibles.
Software Mansion annonce son engagement à rendre ses libs compatibles avec Fabric, à commencer par React-Native-Screens.
Ils nous incite à faire de même et nous donnent quelques pistes (process et PRs). L'idée: créer des libs qui fonctionnent aussi bien avec la nouvelle que l'ancienne architecture, pour permettre une migration incrémentale, sans pour autant dupliquer trop de code.
Tout ça plait beaucoup à la communauté:
Flipper est à la base un DevTool desktop pour React-Native, qui permet par exemple de consulter les logs, les appels API… Andrey présente js-flipper, un package qui permet d'intégrer Flipper avec une application web ou encore Node.js (exemple React). Il nous présente de nombreux use-cases chez Meta: apps web, Node.js, Desktop, Occulus Quest, mais aussi des usages métier comme un bouton “se logger en tant que user X”.
Flipper semble être une plateforme idéale pour construire un DevTools universel, à condition que l'écosystème suive, Andrey nous invite donc à créer des plugins.
Extras:
💸 Jobs
Sponsorise React Hebdo pour publier une offre d'emploi
Cajoo: Dev & Architecte Fullstack - Remote - 40-90k€ (+BSPCE)
Cajoo veut créer le supermarché de demain 🛒 Nous sommes présents dans 10 villes en France et suite à un investissement de 40M$ de Carrefour nous étoffons l'équipe tech pour créer la stack tech du futur du retail. Les squads s'insèrent dans les 3 streams:
  • 🛍️ Consumer: App B2C en React Native, back-office React, backend Hasura & lambdas Node/Typescript
  • 🏭 Warehouse: PWA React avec XState pour les opérateur en entrepôt, back-office React, backend Hasura & NestJS
  • 🚴 Delivery: App coursiers en React Native sur Expo, back-office React, backend Hasura & lambdas Node/Typescript via Serverless
Notre code est typé de bout en bout avec Hasura en backend qui génère des endpoints GraphQL que nous consommons en frontend avec Apollo et un typing fort via Typescript.
  • 🌴 Remote pour les équipes Tech, Produit et Data (avec possibilité de venir dans nos locaux dans le 8ème à Paris)
  • 🏄‍♂️🏔️ Offsite chaque trimestre dans un endroit sympa en France (Hossegor, Chamonix)
La mission de Maki est de permettre à chaque entreprise de recruter des talents sur mesure. Maki propose des tests d'évaluation standardisés avant l'embauche pour identifier les meilleurs candidats et accélérer les décisions des entreprises, sans préjugés.
Si comme nous vous aimez résoudre des problèmes complexes de façon simple, à l'aide d'outils modernes (ping TypeScript, React-Query, MUI, Playwright, …), afin de proposer des expériences fluides et efficaces, le tout dans une ambiance décontractée (si si), alors venez discuter avec nous :)
Paris 9ème - full remote possible - 65k / 80k en fonction de l’expérience + BSPCE
Cycle App: Lead Frontend Engineer – Remote ou Paris/Brussels –  60-80k€ (+ stock options compétitives)
Cycle, c'est un outil de collaboration pour les équipes produit : on aide les PMs, les développeurs et les designers à mieux travailler ensemble tout en prenant en compte le feedback de leurs clients. Lancé avec eFounders en 2019, on a construit un produit “no code” très flexible qui s'adapte à n'importe quelle typologie d'équipe produit. On a levé 4.5M$ avec des fonds prestigieux aux US et on s'apprête à sortir de beta.  
On a de beaux défis produit en perspective et dans ce contexte on recrute plusieurs développeurs dont un Lead Frontend Engineer sur une stack moderne : real-time editor, React avec TypeScript (avec GQL codegen)GraphQL (Apollo avec cache avancé: TypePolicies, optimistic UIs), monorepo et UI-kit (styled components + storybook).
Divers
Sans surprise, React reste très populaire cette année, mais surpassé par Svelte et Solid en terme de satisfaction. Next.js et Remix tous deux à 91% de satisfaction. Lisez en particulier la conclusion de Swyx. Un livestream a lieu aujourd'hui avec quelques personalité
Rappelons que ce sondage n'est pas sans bias, mais reste tout de même intéressant pour dégager des tendances. Sacha Grief est de bonne volonté et adresse les critiques sur Dev.
Extras:
Avez-vous aimé ce numéro ?
Sébastien Lorber

Chaque semaine, je t'envoie les nouvelles les plus pertinentes pour un(e) dev React et React-Native ouvert d'esprit.

⚠️⚠️⚠️ La newsletter React change d'adresse ⚠️⚠️⚠️   
➡️ RDV sur ReactHebdo.fr 🇫🇷

Pour vous désabonner, cliquez 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