React Hebdo

Par Sébastien Lorber

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

#89・
2.4K

abonnés

90

éditions

Abonnez-vous à ma lettre

By subscribing, you agree with Revue’s Conditions d'utilisation and Politique de confidentialité and understand that React Hebdo will receive your email address.

React Hebdo #89: Remix, Remotion, Preact, Nextra, Relay, JSI, Skia, SwiftUI, TypeScript, web3...
Par Sébastien Lorber • Numéro #89 • Consulter en ligne
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 🙏

React
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!
Extras:
React-Native
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.
Extras:
💸 Jobs
Sponsorise React Hebdo pour publier ton offre d'emploi
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:
  • 🛍️ 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)
Divers
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.
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.

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