Voir le profil

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

React Hebdo #108: App.js, Fresh, Reassure, Million, Hydrogen, Gatsby, Treasured, WebComponents, React-Native-Web, Zeego, TC39...
Par Sébastien Lorber • Numéro #108 • Consulter en ligne
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: 

React
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:
  • Script Component
  • GraphQL TypeGeneration
  • Image CDN GA
  • Incremental Deploys for All Builds
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.
Extras:
💸 Jobs
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
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
React-Native
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:
  • 🧵Expo Dev Tools Keynote: EAS Metadata, versioned CLI, config plugins, universal Metro, lazy bundling…
  • 🧵 Sketches: David a créé un sketch pour chaque talk de la conf, donne une bonne vision d'ensemble.
  • 🐦 Expo Sweet Modules: nouvelle API pour faciliter la création de modules natifs Swift/Kotlin sortira en Release Candidate cette semaine.
  • 🐦 Shopify FlashList: alternative performante à FlatList qui sortira prochainement.
  • 📦 Zeego: composant menu cross-platform, dernière lib de Fernando Rojo.
  • 📦 Universal Design System: Showtime a open-sourcé son frontend et son design-systeme cross-platform.
  • 🎥 Live streams: day 1 - day 2
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 🤔.
Extras:
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