React Hebdo

Par Sébastien Lorber

React Hebdo #104: Zag, Ultra, ClickToComponent, Tilg, Next.js, Remix, Component Party, Expo, Skia, TypeScript...

#104・
2.71K

abonnés

104

éditions

Abonnez-vous à ma lettre

By subscribing, you agree with Revue’s Conditions d'utilisation and Politique de confidentialité and understand that React Hebdo will receive your email address.

React Hebdo #104: Zag, Ultra, ClickToComponent, Tilg, Next.js, Remix, Component Party, Expo, Skia, TypeScript...
Par Sébastien Lorber • Numéro #104 • Consulter en ligne
Bonjour à tous!
Beaucoup de liens cette semaine, je garde l'intro courte pour ne pas me faire tronquer par Gmail 😄
React-Native est a l'honneur cette semaine, avec la 0.69 en RC, Expo SDK 45 et React-Native-Skia 👌
⚠️ Il n'y aura pas d'édition pendant les 2 prochaines semaines, reprise le 24 Mai.
🙏 Pour soutenir la newsletter: 

React
Nouvelle lib très pratique, qui permet d'ouvrir facilement le fichier source d'un composant React, avec un simple Option + Click sur l'interface. Supporte CRA, Next.js, Vite… Ne fonctionne qu'avec VS Code, mais d'autres IDEs semblent prévus, comme Intellij.
Zag est une collection de composants primitifs basés sur des state machines. Cela permet de découpler la logique du framework, et de proposer un binding pour React, Vue, Solid… Cette nouvelle solution va permettre à la lib React Chakra UI d'être adaptée plus facilement à d'autres frameworks, tout en partageant un maximum de code.
Jack travaille chez Google sur les Chrome DevTools depuis 2 ans. Depuis, il n'utilise plus React, et partage son retour d'expérience sur sa transition vers des APIs web standardisées qui ne nécessitent pas de dépendances: formulaires, custom elements…
Kristofer a migré son site personnel de Next.js vers Remix, pour s'amuser. Il donne son retour d'expérience, et partage l'impact sur le score Lighthouse. Il liste les principaux changements qu'il a du effectuer: intégration Chakra, composant Link, routing, data fetching, metadonnées…
Retour d'expérience sur l'usage de Incremental Static Regeneration de Next.js pour réduire les temps de build des sites de documentation chez HashiCorp. Le nouveau mode “on-demand ISR” permet d'invalider le cache Next.js et donc de donner un feedback immédiat lors de la publication d'une update.
Extras:
💸 Sponsors
App.js Conf 2022 - 8-10 Juin à Cracovie
Après deux longues années, App.js Conf revient avec une conf en personne ! Rencontrez les créateurs de React Native & Expo, apprenez des meilleurs, ou amusez-vous simplement avec d'autres développeurs du monde entier ! Notre line-up est pleine de professionnels du développement mobile prêts à partager leurs connaissances. Découvrez nos incroyables speakers ici !
En plus de la conférence de deux jours, nous avons également préparé des ateliers pratiques d'une journée! Il reste encore quelques places pour deux de nos ateliers :
Réservez les billets pour un atelier avec une réduction exclusive de 20 % pour les abonnés ! Utilisez le code ThisWeekinReact20 ou suivez ce lien pour réserver votre place.
PS: moi j'y vais cette année 😉
React-Native
Le nouveau SDK Expo passe en beta pour une semaine. Quelques nouveautés sympas:
  • React-Native 0.68.1: Expo passe sur la dernière version, mais sans activer le renderer Fabric pour l'instant
  • redesign de Expo Go, avec une meilleur intégration de EAS Update et la possibilité de voir et ouvrir les branches
  • plusieurs libs migrées vers JSI et/ou Expo Sweet Module API
  • nouveau CLI expo (beta), qui sera versionné et installé localement plutot que globalement
  • les libs wrapper Expo sont dépréciées: on peut utiliser les libs natives originales via des config plugins
Skia est le moteur 2D de Google, et vous l'utilisez très certainement: Chrome, Flutter, Android… Shopify supporte le développement de React-Native-Skia pour fournir les primitives graphiques/2D manquantes à React-Native, et ne pas être limité lors de l'implémentation d'un design complexe. La lib propose une API déclarative expressive, mais aussi une API bas-niveau impérative compatible avec Flutter, ce qui pourrait aider au support web via React-Native-Web et CanvasKit.
Extras:
💸 Jobs
💡 Sponsorise React Hebdo pour publier une offre d'emploi
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.
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
Divers
Nouvel outil en ligne qui propose de traduire vos erreurs TypeScript en langage humain, facile à comprendre, avec des explications en plus (source)
Evoque un problème auquel je n'ai jamais 😅: si vous avez un type-guard qui se base sur un attribut d'objet, et que vous rajoutez un 2nd attribut, votre type-guard n'est plus bon mais TypeScript compile toujours.
Extras:
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.

Tweet     Partager
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