React Hebdo #89: Remix, Remotion, Preact, Nextra, Relay, JSI, Skia, SwiftUI, TypeScript, web3...

Bonjour à tous!

La newsletter est en retard à cause d'un problème technique sur Revue hier soir 😅

Une semaine plutôt calme en terme de contenu. Remix continue de bénéficier d'un super marketing de ses early adopters.

Le saviez-vous: les hooks React auraient pu être appelés “augmentors” 🤔

Mon podcast avec Lilian Alvarez (vidéo) est en ligne: on aborde mon parcours de freelance, comment j'ai été amené à travailler pour Facebook sur Docusaurus, mes side-projects, et bien plus!

Bonne nouvelle pour ma newsletter: le sponsoring commence à bien marcher! J'ai signé quelques beaux sponsors hier dont 2 sponsors sur 3 mois sur la version française, et les premiers sponsors sur la version anglaise!

🙏 Pour soutenir la newsletter 🙏: 

Une réflexion intéressante sur la gestion du state et des appels serveurs dans Remix, qui est designé pour fonctioner aussi bien avec que sans JavaScript coté client.

Un setup intéressant, qui montre qu'on peut mélanger Remix et Next.js dans un même serveur Node.js, ce qui peut faciliter une migration incrémentale de l'un vers l'autre

Encore une belle démonstration des features de Remix. Le fait de pouvoir appeler Prisma depuis les loader functions est assez puissant. Cela rappelle d'autres solutions comme Next.js et les serveur components, mais de manière plus co-localisée.

Dernière release de la lib de production vidéo en React. Le player Remotion est maintenant stable. Un nouvel Error Overlay et un template Audiogram. La prochaine release sera surement la 3.0 avec le support du rendering serverless et la possibilité d'encoder hyper rapidement ses vidéos!

Un dev React-Native qui essaie SwiftUI. La connaissance de React et du modèle déclaratif est un plus. Retours positifs sur les animations, la navigation et le “hot reload” SwiftUI. Retours plus mitigés sur les messages d'erreur, la syntaxe imbriquée et quelques autres détails.

Sponsorise React Hebdo pour publier ton offre d'emploi

Nabla: Front-end engineer React senior - Paris - 55k-90k

Nabla construit une plateforme de médecine asynchrone (chat sans rendez-vous + appel vidéo si besoin), en automatisant un maximum de tâches répétitives pour que les médecins se concentrent sur le soin et que le service reste accessible à tous.

Ils ont levé 17M€, remporté un award Google Play Best Apps of 2021 et viennent de lancer la première offre payante dédiée à la santé des femmes.

Les fans de hooks React et de Typescript se sentiront à la maison, ainsi que les amateurs de GraphQL, Tailwind, Vite ou Next.js. Pas mal de technos sympa à découvrir (WebRTC et codegen notamment)

Paris 3ème, remote possible, 55k-90k en fonction de l'expérience, + BSPCE.

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:

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.

Super article de Stefan Baumgartner, plein de bons conseils avec lesquels je suis bien d'accord. Cela devrait faciliter la prise en main de TypeScript et une montée en compétence progresssive. Je découvre le flag noEmitOnError.

Analyse de Chris Coyier sur un nouveau polyfill pour les container queries: une nouvelle feature très attendue pour l'encapsulation du responsive design (media queries) dans les frameworks basés sur les composants. Ce polyfill à l'air fonctionnel pour un usage dès aujourd'hui, mais il faudra attendre un peu pour l'utiliser avec du Server-Side-Rendering sans FOUC.

Lecture très intéressante sur le “web 3” par le créateur de Signal qui montre que ça n'est pas encore au point. Pas mal de réponses intéressantes des leaders Web 3 (Vitalik). Lire aussi The Myth of Decentralization and Lies about Web 2.0. Ca m'a inspiré unpost LinkedIn.

Lib qui permet à Node.js d'intéragir de manière efficace avec du code Rust, de plus en plus utilisée dans notre tooling frontend. La v2 est un rewrite rétro-compatible qui résoud certaines limitations existantes. Le but semble à terme de supporter aussi WASM pour partager le code Rust avec le browser sans effort additionel.