ReactHebdo.fr

Par Sébastien Lorber

React Hebdo #99: Remix, Next.js, Redux, Memoization, Storybook, Ladle, Wix, Shopify, React-Native, CodeSandbox, Prettier, Deno...

#99・
3.01K

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 ReactHebdo.fr will receive your email address.

React Hebdo #99: Remix, Next.js, Redux, Memoization, Storybook, Ladle, Wix, Shopify, React-Native, CodeSandbox, Prettier, Deno...
Par Sébastien Lorber • Numéro #99 • Consulter en ligne
Bonjour à tous!
Pas mal de contenus intéressants coté React cette semaine, sur du Remix ou Next.js, ou encore venant de belles entreprises comme Uber, Wix ou Shopify.
J'aime en particulier l'article sur la memoization, j'avais d'ailleurs prévu d'écrire un article du même genre 😅.
Ladle est une alternative moderne à Storybook, facile à adopter et basée sur Vite et ESM. C'est une tendance de fond, dans le même genre, voir aussi Vitest qui modernise Jest.
React-Native 0.68 arrive la semaine prochaine, avec un switch pour activer Fabric et la nouvelle architecture! 🤯
🙏 Pour soutenir la newsletter: 

React
Ladle est un project d'un ingénieur Uber qui aime Storybook mais pour autant constate divers problèmes de performance au sein de son entreprise: temps de build, de démarrage, Time-To-Interactive… Il a donc créé une alternative beaucoup plus performante, basée sur Vite et les modules ES, et compatible avec le Component Story Format pour faciliter l'adoption (demo).
Un article très intéressant et bien documenté sur la stabilité des objects et callbacks. Malgré le fait que l'usage de useMemo puisse ressemble à une premature optimization, Zhenghao recommande de stabiliser au maximum les identités, au moins pour les libs et les custom hooks. On attend avec impatience React-Forget et Records & Tuples qui pourraient grandement nous simplifier la vie.
Le CLI Remix permet d'initaliser un project avec une stack donnée. Remix propose maintenant 3 stacks completes, et il est possible de créer sa proper stack (par exemple pour son entreprise). Sur les 3 stacks dispo, la différence se fait surtout sur l'hébergement ou la persistence, et on retrouve en socle commun: Tailwind, TypeScript, Prettier, ESLint, Cypress, MSW, Docker, Vitest, Testing Library.
Je trouve ça bien de fournir des starters pour démarrer rapidement, mais j'ai un avis mitigé sur l'approche “template”, je préfère une approche “company-scripts” (comme CRA) pour garder toutes les stacks synchro.
Vercel a upgradé une app de démo (Virtual Reality Store) de Next.js v8 vers v12. Ils en profitent pour faire le point sur les nombreuses améliorations qui viennent avec les dernières versions.
Retour d'expérience de Wix qui explique comment ils ont optimisé leur plateforme qui execute le Server-Side-Rendering React avec une grosse demande en terme de CPU. Ils ont utilisé la nouvelle API Node.js 14 worker_threads (permet de partager la mémoire contrairement à child_process) et ont obtenus de très bons résultats.
Retour d'expérience de Shopify qui reporte des problèmes de consistence sur ses data-visualizations. Solution: la création d'une lib Polaris Viz, qui sera open-sourcée prochainement. Ils détaillent en particulier l'usage du context React pour créer des themes par défaut et la possibilité de créer des variantes via des overrides partiels.
Mark Erikson fait une rétrospective sur le design de la nouvelle API Listener Middleware de Redux Toolkit 1.8, qui s'étale sur plus de 2 ans, avec de nombreuses itérations. Ils ont réussi à couvrir de nombreux cas d'usage de Redux-Saga/Observable avec une API relativement simple. J'aime bien le concept de await condition.
Extras:
React-Native
💸 Jobs
Sponsorise React Hebdo pour publier une offre d'emploi
Front: Développeur Senior Full-stack / Front-end (React / NodeJS) - Remote / Paris - 60-80k€ + stock options
Front en une journée, c'est:
  • 30 déploiements en production sur 1500 serveurs
  • 10 MM d'évènements temps réel
  • plus de 100,000 utilisateurs dans plus de 7000 entreprises
Nous développons une plateforme ayant pour but de réunir tous les canaux de communications d'une entreprise, en alliant collaboration et efficacité. Front est l'outil de travail principal de nos clients et nous devons faire attention à chaque détail: Front est une app très complexe avec une grande exigence de performance. On utilise React, Redux ou encore Styled Components, le tout en Typescript
Nous avons 350 collaborateurs, dont 80 développeurs autour de hubs à San Francisco, Paris, Chicago et Dublin. Full remote possible, « Flexible Friday », environnement de travail en anglais, Salaire entre €60K - €72K + stock option (en fonction du niveau d'expérience)
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
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