React Hebdo #108: App.js, Fresh, Reassure, Million, Hydrogen, Gatsby, Treasured, WebComponents, React-Native-Web, Zeego, TC39...

Bonjour à tous!

Cette semaine, on célèbre la mort officielle de IE11! 😄

Je reviens de la conf App.js en Pologne: une très belle expérience que je recommande à tout dev React-Native 👌. Voir mon résumé sur Twitter.

Beaucoup de sorties intéressantes cette semaine. Et avec React Summit qui arrive, cela devrait continuer 🤯.

🙏 Pour soutenir la newsletter: 

Luca Casonato (Deno core team) dévoile un nouveau meta-framework pour Deno basé sur Preact. Quelques points communs avec Next.js et Remix (FS routing, progressive enhancement). Islands architecture pour l'hydratation. Pas de build step: compile à la volée. A tester!

Un nouvel outil de test de performance pour React, en beta privée, qui devrait être open-sourcé la semaine prochaine. Mesure et compte les renders d'un scénario donné, puis génère un rapport (possible de publier dans une PR). Annoncé à App.js, l'outil supporte pour l'instant React-Native: le support web arrivera plus tard.

Million est une solution de Virtual DOM supportée par Vercel, qui propose d'utiliser un compilateur pour améliorer les performances et réduire la taille (inspiré de Svelte). Le package d'intégration Million + React vient de sortir. Tout cela semble prometteur, mais pas encore prêt pour la production.

Un condensé des dernières nouveautés Gatsby, avec des blog posts détaillés sur chaque sujet. Quelques exemples:

Retour d'expérience intéressant sur l'usage de Vite dans le meta-framework Shopify Hydrogen. Il y a des interêts en terme de DX via l'usage de modules ES en dev, mais aussi pour le SSR et l'intégration des React Server Components grace au système de plugins.

💡 Comment sponsoriser React Hebdo 

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, 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 :

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

Difficile de tout résumer de manière exhaustive. Avec Expo, la DX mobile continue de s'améliorer. Il y a un véritable engouement pour le support du web! De nouveaux outils dispo pour le monitoring de la performance. Divers liens utiles:

Support React 18, introduction du nouveau runtime styleQ, retire le support des anciens navigateurs, diverse améliorations. Nicolas Gallagher questionne l'utilité de son projet 🤔.

Divers progression de proposals. Je suis surtout content pour “Symbols as WeakMap keys” en stage-3. C'est une étape importante pour qu'on puisse un jour utiliser Records & Tuples avec React 🤗.