React Hebdo

Par Sébastien Lorber

React Hebdo #96: Next.js, Gatsby, Remix, Remotion, React-Native, Glassmorphism, Deno, TypeScript, Qwik...

#96・
2.93K

abonnés

115

é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 #96: Next.js, Gatsby, Remix, Remotion, React-Native, Glassmorphism, Deno, TypeScript, Qwik...
Par Sébastien Lorber • Numéro #96 • Consulter en ligne
Bonjour à tous!
Semaine éprouvante. Pas évident de faire sa veille quand la moitié des infos Twitter sont des images de guerre. Pour apporter un soutien financier direct: allez sur Ukraine.ua, ou soyez vigilants (nombreuses arnaques…). Pour les Français, certains organismes (comme UNHCR) permettent de bénéficier de 75% en réduction d'impots, et donc de donner 4x plus.
La semaine reste intéressante en terme de contenu.
J'ai créé une communauté Twitter This Week In React pour tester, je ne sais pas encore trop ce qu'il va en ressortir. N'hésitez pas à la rejoindre!
🙏 Pour soutenir la newsletter: 

React
Alex explique pourquoi son agence préfère Gatsby à Next.js pour le développement de sites web. C'est plutôt bien argumenté. Gatsby n'est pas hyper à la mode en ce moment mais je trouve que ça reste une bonne solution pour aller vite et s'intégrer avec un CMS.
Présentation des travaux de l'équipe Aurora chez Google qui a travaillé sur le composant <Script> de Next.js qui permet d'optimiser le chargement des scripts third-party. Il pourrait y avoir une intégration avec Partytown a venir, pour faire tourner ces scripts dans un worker.
Adam partage ses motivations pour migrer son site de Next.js vers Remix, ainsi que de nombreux autres détails (Prisma, Planetscale, UnoCSS…). Pour lui, Next.js reste une bonne techno, mais la gestion des formulaires Remix semble vraiment lui plaire.
Storybook propose maintenant un système de tests d'intéractions (beta) associés aux stories pour tester les composants avec Jest, Playwright et Testing Library.
Extras:
React-Native
Repo GitHub discussions pour supporter le rollout de la nouvelle architecture. Read-only mais possible de demander une invitation.
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
Kitson présente dnt, un outil qui permet de transformer le code Deno en code compatible Node.js. Ils ont réussi à publier le framework http Deno oak sur npm, mais ça n'est pas sans challenges pour autant. Je trouve cela très encourageant pour inciter à une adoption incrémentale de Deno, à commencer par les auteurs de packages.
Miško Hevery est le créateur d'Angular, il travaille maintenant sur Qwik, un framework nouvelle génération qui focus sur l'hydratation progressive. Cela sera difficile pour les frameworks existants actuels de supporter pleinement ce concept sans changer les modèles mentaux.
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