React Hebdo #96: Next.js, Gatsby, Remix, Remotion, React-Native, Glassmorphism, Deno, TypeScript, Qwik...
React
Comparing Gatsby and Next.js for website development
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.
Optimizing third-party script loading in Next.js
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.
Moving from Next to Remix
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.
Interaction Testing with Storybook
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-18 RC1: devrait sortir bientot
🐦 Rachel Nabors quitte Meta. Elle a beaucoup travaillé sur la nouvelle doc React et le site React-Native.
💬 Mark Erikson suggère de créer un React Docs Working Group.
📜 Doordash: Building a Marketing Engineering Platform using Next.js, Cloudflare, and Contentful
👥 GatsbyConf 2022: 2-3 Mars
📦 Redux Toolkit 1.8: listener side-effect middleware inspiré de Redux-Saga
📦 Gatsby 4.8 + Gatsby 4.9: amélioration du support TypeScript, réduction usage mémoire
📦 Docusaurus 2.0 beta.16: swizzle CLI, breadcrumbs...
📦 GraphCMS Docs Starter: Remix + Tailwind
📦 Headless UI 1.5: avec Combobox
📦 Radix UI: release avec Select, NavigationMenu et Toast
React-Native
React Native New Architecture Working Group
Repo GitHub discussions pour supporter le rollout de la nouvelle architecture. Read-only mais possible de demander une invitation.
Extras:
📦 React-Native 0.68: pre-release dispo (RC2)
🎥 Glassmorphism in React Native: dernière vidéo Skia de William Candillon, belles démos de backdrop filter
🎙️ RNR 227 - Better React Native Tooling with Tommy Nguyen and Adam Foxman: les ingés Microsoft présentent rnx-kit
💸 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)
Maki: Développeur Frontend / Fullstack Senior - 65k / 80k
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
How to publish Deno modules to NPM
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.
Why Progressive Hydration is Harder than You Think
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: