Voir le profil

React Hebdo #71: Mitosis, useMemo, SoC, Storybook, Recoil, Gatsby, Next, React-Native, Yarn, Jetpack, Sprinkles...

React Hebdo #71: Mitosis, useMemo, SoC, Storybook, Recoil, Gatsby, Next, React-Native, Yarn, Jetpack, Sprinkles...
Par Sébastien Lorber • Numéro #71 • Consulter en ligne
Bonjour à tous!
Pendant l'été, c'est une édition sur 2!
Tu as déjà entendu parlé de FaxJS? J'ai découvert cet “ancêtre de React” créé par Jordan Walke.
Coté React-Native, la 0.65 arrive! Il y a déjà un brouillon du blog post avec Hermes et l'accessibilité en gros titres. Une nouvelle alpha de Reanimated (avec support du remote debugger). J'ai trouvé ce thread retour d'expérience sur React-Native-Windows intéressant, avec Eli White qui évoque les gains de performance sur une ré-écriture de Messenger par rapport à Electron.
Le tooling frontend en Rust continue de progresser. Après l'embauche de DongYoon Kang (créateur de swc et stc) par Vercel, c'est au tour de Rome qui annonce une ré-écriture en Rust. A noter que Rust est aussi dans le top du StackOverflow survey, et également très apprécié comme language source pour WebAssembly.
J'ai du mal à organiser la newsletter, entre l'intro, les releases, les articles de blog, les tweets… J'ai aussi envie de changer de plateforme, et créer un vrai job board. N'hesites pas à me dire ce que tu en penses!
Bonne lecture et à bientot!
🙏 Pour soutenir la newsletter 🙏: 
  • recommande la autour de toi! Dans ton entreprise ou école, sur Slack, Discord ou Linkedin… Cela a un vrai impact pour moi et me permet de continuer sur le long terme
  • réponds à cet email: un feedback ou remerciement est toujours bienvenu, et cela aide surtout la newsletter à ne pas être considérée comme un spam 😰
  • sponsorise ReactHebdo: offre d'emploi, produit…
  • rejoint le chat Discord React Hebdo

React
Une syntaxe inspirée de JSX / React capable de compiler des composants UI (avec state/hooks) vers le framework de votre choix: React, Vue, Angular, Svelte… La promesse est interessante pour la création de design systems et autres SDKs.
github.com  •  Partager
Encore un bon article visuel d'Alex qui explique bien useMemo et les pièges à éviter. Perso je trouve que c'est trop facile de se tromper: c'est pour ça que je suis particulièrement intéressé par la proposal Records & Tuples qui rendra cette gymnastique obsolète!
alexsidorenko.com  •  Partager
Un article qui initie à quelques bonnes pratiques craft, visant à bien découpler son code des composants React. Et idéalement du framework, en sortant la logique métier dans des fonctions pures, plus facile à tester.
felixgerschau.com  •  Partager
Storybook s'intègre correctement avec Testing Library, et permet de ré-utiliser les stories existantes lors des tests de comportement.
storybook.js.org  •  Partager
Article qui ne s'adresse pas qu'aux devs Gatsby. J'ai bien aimé car il met en avant le fait que le point d'entrée JS de vos pages peux grossir si votre composant de Layout fait trop de choses et importe beaucoup de libs, au même titre que votre provider MDX et autres composants “globaux”. Le code-splitting au niveau du composant permet d'y remédier, mais on peut aussi utiliser la composition.
www.gatsbyjs.com  •  Partager
Un retour d'expérience sur l'optimisation d'un blog Next.js. Avec une nouvelle fois du code-splitting (cf ci-dessus). Assez surpris de voir que la désactivation du pre-fetching puisse avoir un impact significatif?
papyrus.dev  •  Partager
Nouvelle release qui apporte en particulier les polices d'éviction du cache et les transactions.
recoiljs.org  •  Partager
  • Hashnode est la plate-forme idéale pour les développeurs qui souhaitent se connecter à la communauté tout en conservant la propriété de leur contenu et de leur domaine.
  • Hashnode facilite l'usage d'un nom de domaine personnalisé: le référencement du domaine que vous créez au fil du temps vous appartient, et non à la plate-forme.
  • Au-delà des aspects techniques, Hashnode dispose d'une audience massive et en croisssante pour votre contenu, dès le premier jour.
  • Vous possédez ce que vous créez sans avoir à tout construire à partir de zéro, et Hashnode vous connecte avec vos futurs fans, qui attendent avec impatience de vous découvrir.
  • En bonus: support de Markdown, coloration syntaxique, sauvegardes automatiques GitHub, et aucune publicité ou paywall, à jamais.
  • Démarrez votre blog et rejoignez la communauté mondiale des développeurs sur Hashnode dès aujourd'hui!
hashnode.com  •  Partager
ReactNative
Un nouvel article qui peut aider à choisir la bonne techno cross-platform. Le support web et des over-the-air updates restent un gros plus pour React-Native.
Mais pourquoi pas les 2? Perso je vois React-Native comme un moteur d'injection de dépendances pour UI. Il y a déjà un renderer Skia (pas très actif certes), et son auteur Kudo a été embauché récemment par Expo!
blog.bam.tech  •  Partager
En nouveautés: les animations slide/fade from bottom + un début d'implémentation pour Windows.
twitter.com  •  Partager
Jobs
Shotgun: Dev Fullstack Senior - Remote - 60-75k€ (+BSPCE)
Shotgun c'est une billetterie et plateforme de streaming pour des évènements electro/techno 🎶. On a déjà les plus gros évènements en France, maintenant on s'agrandit à l'international (US/Brésil/Europe) 🌎. L'équipe est composée de 13 personnes et on fait déjà plusieurs millions d'euros de volume par mois. Malgré le Covid, on vient de faire le mois le plus rentable de notre histoire.
  • 🌴 Remote OK (tu peux aussi travailler depuis nos bureaux de Marseille ou Paris)
  • 📈 Challenge B2C : aider les gens à sortir et s'amuser (Recommandations / Social / UX aux petits oignons)
  • 📈 Challenge B2B : soutenir les organisateurs dans la création et la promotion de leur event (CRM / Business Intelligence / Marketing / Finance)
  • 🤖 Côté tech : ReactNative, React, Typescript, Apollo, GraphQL, NextJS, PgSQL, Vercel (serverless)
PS: j'ai travaillé en freelance pour Shotgun, l'environnement technique est plutôt cool et les gens sympas ☺️.
Une offre ci-dessous t'intéresse? Contacte moi à cet email!
Ask Mona: dev React confirmé - CDI Paris 45-50k
Ponicode: dev JS/React - CDI Paris 40-65k
Shift: dev React senior - CDI Paris 50-60k
Alkemics: dev Python/React - CDI Paris/remote
Choose: dev React-Native - CDI Paris 50-60k
Bloom: dev fullstack NodeJS/React senior - CDI Neuilly 60-70k
Splio: dev fullstack React/NodeJS senior - CDI Paris 60-70k
F4: dev NodeJS - CDI Paris 40-50k
Divers
Les résultats du sondage StackOverflow annuel sont la. React surpasse JQuery en terme d'usage, et les stats React, JS, TS sont toujours bonnes. React-Native un peu en retrait, Flutter semble plus apprécié.
insights.stackoverflow.com  •  Partager
Jetpack Compose est le framework de declarative UI officiel pour Android (model inspiré de React, tout comme SwiftUI). La 1.0 vient de sortir. Ca a l'air sympa, surtout le système de Compose Preview intégré à l'IDE, qui me fait penser à Storybook.
android-developers.googleblog.com  •  Partager
Nouvelle version majeure de Yarn avec des améliorations interessantes. Mais surtout, l'adoption de Yarn 3 devrait être beaucoup plus simple que Yarn 2!
dev.to  •  Partager
Release v1 de Sprinkles, la solution “Zero-runtime atomic CSS-in-TypeScript” de Mark Dalgleish (auteur des CSS modules), basée sur son autre lib plus bas niveau vanilla-extract. A surveiller!
twitter.com  •  Partager
Le support des sélecteurs CSS imbriqués (comme on trouve dans les pré-processeurs) pourrait enfin arriver dans les navigateurs? Le “First Public Working Draft” d'une spec W3C a été publié (détails sur le processus).
drafts.csswg.org  •  Partager
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