ReactHebdo.fr

Par Sébastien Lorber

React Hebdo #106: Remix, Framer Motion, Storybook, Gatsby, Remotion, Metro, Lerna, TypeScript, Three.js, LocatorJS, Tailwind...

#106・
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 #106: Remix, Framer Motion, Storybook, Gatsby, Remotion, Metro, Lerna, TypeScript, Three.js, LocatorJS, Tailwind...
Par Sébastien Lorber • Numéro #106 • Consulter en ligne
Bonjour à tous!
On a quelques news sympa suite à la Remix Conf qui a eu lieu la semaine dernière.
Je vais à la conférence App.js la semaine prochaine: n'hésitez pas à vous signaler si vous y allez aussi 😉
Merci pour vos nombreux retours positifs sur mon podcast sur React avec IFTTD 🤗
🙏 Pour soutenir la newsletter: 

React
Déjà annoncé via Remixing React Router: de nombreuses abstractions de Remix (action, loader…) vont être ajoutées à React-Router. Cela arrive dans la v6.4, actuellement en pre-release. La doc pour les Data APIs est déjà disponible.
Matt est l'auteur de nombreuses libraries d'animations populaires. Il explique de manière nuancée la différence entre un modèle déclaratif et impératif. La majorité des devs React devraient plutôt utiliser la librairie déclarative Framer Motion. Motion One est une librairie impérative légère et bas niveau qui veut être le “JQuery pour Web Animations API”.
Extras:
💸 Sponsors
iFeelSmart - Dev React Native - Paris/Remote - 50-65k€
iFeelSmart, est une nouvelle génération de UI TV. Nous sommes une entreprise à taille humaine avec des millions d’utilisateurs. Nous recherchons des devs React Native ayant une expérience significative et une envie de challenge technique! Voici le décor :
  • Une équipe Front en ReactNative + équipe Backends multi clients unifiés via un proxy en Go
  • Une API en JS et un Store Redux, avec du RxJS communs à tous nos devices mais aussi du Vanilla, du TypeScript, du Reanimated 2, et des tests Jest accompagnés de tests end-to-end via Appium
  • Nombreux challenges : focus via contrôle vocal et télécommande, performances à atteindre en ReactNative sur hardwares spécifiques, future intégration Apple TV…
  • Une équipe cool ET sérieuse à la fois, venez donc voir :) !
Paris 9 - Terrasse - Hybride Remote possible - 50 à 65K
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
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.
React-Native
Jay explique les 3 principaux challenges du cross-platform web/mobile aujourd'hui: styling, animation, navigation. Il propose de combiner Tailwind-React-Native à sa nouvelle librairie d'animation cross-platform. Legend Motion repose sur la même API que Framer Motion (web-only). La doc explique brièvement les différences avec Moti.
Extras:
Divers
Les temps de build et de hot-reload ont explosé chez Airbnb. Ils ont décidé de replacer Webpack par Metro (le bundler de React-Native) et ont vu une amélioration significative. Cet article met en avant quelques différences d'architecture entre les 2 bundlers, et les challenges rentrés lors de cette migration. Note: Stripe utilise aussi Metro 🤔.
Nwrl (derrière Nx) a repris l'outil monorepo Lerna qui n'était plus maintenu. Ils ont déjà publié une v5.0 et ont commencé à intégrer Nx dans Lerna 5.1-beta de manière optionnelle. Une simple config Lerna useNx: true et votre build devient beaucoup plus rapide.
Extras:
Matthias Schmidt
Airbnb moves from Webpack to Metro because it's faster. React Native folks move from Metro to esbuild because it's faster. I think I'll just do nothing for 2 more years and maybe the community will have settled on something fast-enough™. https://t.co/1aVluGU7Ux
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