Voir le profil

React Hebdo #105: useEvent, Next.js Layouts, Remix, Storybook, Reanimated 3, Expo 45, Tamagui, TypeScript, Markdoc...

React Hebdo #105: useEvent, Next.js Layouts, Remix, Storybook, Reanimated 3, Expo 45, Tamagui, TypeScript, Markdoc...
Par Sébastien Lorber • Numéro #105 • Consulter en ligne
Bonjour à tous!
🏖 Retour de vacances pour moi 😎 Minorque est une très belle ile, en particulier pour ceux qui aiment la plage et la randonnée.
Mon épisode podcast sur React avec If This Then Dev vient de sortir. Plein de sujets sympas: l'histoire de React, le cross-platform, React-Native-Web, Remotion…
Beaucoup trop de contenu à couvrir en 3 semaines 😅 Je met juste les liens importants pour la section divers, mais il y a des choses très intéressantes à lire!
🙏 Pour soutenir la newsletter: 

React
RFC de Dan Abramov qui propose de rajouter un nouveau hook useEvent(fn) dans React core, sans dependency array. La fonction/closure instable passée en paramètre est alors stabilisée (garde la même identité dans le temps). Cela permet d'éviter le problème de stale closure (quand on ne respecte pas les règles ESLint) tout en simplifiant l'optimisation via React.memo(), et éviter les useEffect de se ré-executer. Des changements prévus coté ESLint: la fonction stabilisée n'a pas besoin d'etre passée en dependency array, et une convention “onEvent” / “handleEvent” pourrait être adoptée.
J'ai donné mon avis positif dans la pull-request, qui contient de nombreux commentaires (en particulier sur le nom du hook). C'est vraiment une pièce manquante au design initial des hooks, et les apps implémentent déjà très souvent un workaround basé sur useLayoutEffect.
La video useEvent, the missing React hook donne une bonne vision d'ensemble en 3 minutes.
Next.js va moderniser son infrastructure de routing. Cela permettra de tirer parti des dernières nouveautés de React 18, et celles à venir.
Ils ont prévu une adoption incrémentale: le dossier ./pages continue de fonctionner, mais sera progressivement remplacé par ./app, qui active dans la foulée les Server Components 🤯.
Il y aura un support des nested routes/layouts basé sur une convention de nommagelayout.js. Les requetes vont être executées en parallèle (sans waterfall). Cet article n'est que la 1ère partie de cette grosse RFC: la suite arrive.
Extras:
React-Native
Nouvelle version en RC. Supporte la nouvelle architecture Fabric, mais aussi l'ancienne. Le code Reanimated v2 continue de fonctionner sur la v3, mais l'ancienne API Reanimated v1 est retirée. Bonus: demo Reanimated 3 + RNGH + Screens
Adam annonce le lancement du projet communautaire React Native Developer Tools. Il s'agit d'un repo (rnx-kit) avec de nombreux outils utiles pour un projet React-Native. Microsoft l'utilise déjà sur divers produits comme Office, Xbox, et Teams.
Extras:
💸 Jobs
💡 Sponsorise React Hebdo pour publier une offre d'emploi
Pelico - Front-End Engineer - Paris/Remote - 45-70k€
Pelico développe une plateforme qui agit comme un assistant intelligent et aide les industries complexes, à optimiser la gestion quotidienne de leurs flux opérationnels. Par leurs expertises, les Pelicans collaborent pour réduire le fossé qui s’est creusé entre la technologie et l’industrie.
Tu as de l’expérience sur Single Page Applications avec React / Vue / Angular; tu utilises GraphQL, Redux ou Typescript, tu as expérimenté le Design System (Material UI, Ant Design) et enfin tu as de l’expertise en CSS : rejoint l’équipe Front End!
Salaire selon profile + BSPCE + Bureau à deux pas de Beaubourg + Mutuelle Alan Blue et d'autres avantages bientôt en place.
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
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.
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.

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