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

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.

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!

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.

Storybook s'intègre correctement avec Testing Library, et permet de ré-utiliser les stories existantes lors des tests de comportement.

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.

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?

Nouvelle release qui apporte en particulier les polices d'éviction du cache et les transactions.

• 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!

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!

En nouveautés: les animations slide/fade from bottom + un début d'implémentation pour Windows.

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é.

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.

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!

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!

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).