Voir le profil

React Hebdo #52: 1 ans de React Hebdo! useRef, memo, z-index, Records & Tuples, Redwood, React-Native-Aria, Remotion, TS 4.2...

React Hebdo #52: 1 ans de React Hebdo! useRef, memo, z-index, Records & Tuples, Redwood, React-Native-Aria, Remotion, TS 4.2...
Par Sébastien Lorber • Numéro #52 • Consulter en ligne
Bonjour à tous!
C'est l'édition 52! La newsletter fête donc ses 1 ans!
Je vais prochainement créer un sondage afin de mieux connaitre mes lecteurs, écrire un retour d'expérience sur la gestion de cette newsletter et comment je vois l'avenir. Surveillez les prochaines éditions :)
Cette semaine, très content de voir le support de Records & Tuples dans Babel! Vous avez sans doute remarqué que j'aime beaucoup cette proposal qui peut avoir un impact considérable sur l'écosystème React (voir mon article Records & Tuples for React). D'ailleurs, je donne prochainement 2 talks en ligne sur le sujet, le 10 Mars midi (via Pentalog) et 11 Mars soir (via GreeceJS), je vous donne les liens la semaine prochaine.
Le 3 Mars, il y aura la conférence Flutter Engage. A surveiller, il y aura peut-être des annonces intéressantes qui pourrait remettre en question le choix de React-Native vs Flutter (en particulier si Flutter arrive à mieux performer sur le web).
🙏 Pour soutenir la newsletter 🙏: recommande la autour de toi! Dans ton entreprise ou école, sur Slack, Discord ou Linkedin… Cela a vraiment un impact pour moi et me permet de continuer sur le long terme.
Bonne lecture!
Chat React Hebdo (Discord)

React
React useRef By Example
A really cool and very interactive article about the useRef hook! Includes examples such as implementing a press-and-hold interaction on a like button, and has a final Q&A.
learnreact.design  •  Partager
Before You memo()
Nouveau post de Dan Abramov, qui explique que mieux organiser son app et séparer clairement les composants qui changent de ceux qui ne changent pas peut avoir un impact significatif sur les performances, sans avoir besoin de mémoisation. On a à la fois du code plus clair, et plus performant!
overreacted.io  •  Partager
Redwood 0.26: pre-rendered routes
Une bonne update puisque Redwood ajoute le support des routes pré-rendues, avec un usage très simple et co-localisé via une prop sur la route.
github.com  •  Partager
Un tutoriel assez sympa pour créer une video en utilisant React, avec Remotion (Remotion 1.4 vient de sortir avec le support de la transparence).
blog.bitsrc.io  •  Partager
Relay 11 va essentiellement apporter un support officiel des hooks React.
github.com  •  Partager
Jobs
Une offre ci-dessous vous intéresse? Répondez à cet email!
Lazy: dev React senior - CDI remote 55/65k
Ponicode: dev JS/React - CDI Paris 40-65k (confirmé ou senior)
StartupFlow: dev Fullstack NodeJS/React - CDI Paris 45-60k
Snapshift: dev React confirmé - CDI Paris 50/60k
Splio: dev Fullstack React/NodeJS senior - CDI Paris 60/70k
F4: dev NodeJS - CDI Paris 40/50k
ReactNative
React-Native-Aria
Des hooks React qui permettent de construire une app cross-platform et accessible. Inspiré de React-Aria (qui ne supporte que le web), cette solution supporte iOS, Android et Web.
react-native-aria.geekyants.com  •  Partager
Explique comment gérer le theming d'une app React-Native. Propose ici de supporter le dark mode, mais la solution est générique et peut être utilisée dans d'autres contextes comme des apps React-Native en marque blanche.
medium.com  •  Partager
Montez en compétences sur React.js, React Native, Node.js et TypeScript grâce au Reacteur. Soyez encadrés par des formateurs qualifiés. Financement à 100% par votre OPCO ou votre CPF.
Sponsor
www.lereacteur.io  •  Partager
Divers
What the heck, z-index??
Encore un super article de Josh Comeau sur z-index et les stacking context en CSS. J'ai bien aimé l'analogie avec le semantic versioning (on rajoute un point à chaque fois qu'on créé un context), et je découvre la propriété “isolation: isolate” qui me semble une bonne idée pour mieux encapsuler un composant React.
www.joshwcomeau.com  •  Partager
Kent C. Dodds nous propose un article assez exhaustif sur toutes les manières possibles de déclarer une fonction en TypeScript, en passant par declare, type-guards et assertions. Même si je connais TypeScript pas trop mal, j'ai appris 1 ou 2 trucs, comme la notation object type d'une fonction.
kentcdodds.com  •  Partager
Smarter type aliases preservation est une super amélioration qui devrait significativement améliorer les messages d'erreur du compilateur! Les améliorations sur les tuples sont aussi sympas.
devblogs.microsoft.com  •  Partager
Babel 7.13: Records & Tuples, TypeScript 4.2...
Babel est maintenant capable de transpiler les Records & Tuples! Ajoute également le support de TypeScript 4.2 et quelques autres trucs intéressants.
babeljs.io  •  Partager
Article super intéressant de Nolan Lawson qui explique qu'il y a plein d'autres choses que la taille des bundles à mesurer (CPU, mémoire…) et que Bundlephobia a ses limites. Le plugin Webpack mark-loader semble pratique pour profiler le CPU.
nolanlawson.com  •  Partager
Simon Hearne, expert performance web, nous parle des indicateurs Core Web Vitals et de leur impact sur le SEO avec la mise à jour de Google Search le 31 Mai 2021.
simonhearne.com  •  Partager
Free for developers
Une liste assez complète de tous les logiciels qui ont une version gratuite pour les développeurs.
free-for.dev  •  Partager
Jetpack Compose passe en beta!
Pour rappel, il s'agit d'une nouvelle boite à outil pour créer des interfaces Android basé sur un modèle déclaratif assez similaire à React. C'est l'équivalent Android de SwiftUI. Compose for Desktop a aussi atteint le milestone 3.
android-developers.googleblog.com  •  Partager
Avez-vous aimé ce numéro ?
Sébastien Lorber

Chaque semaine, je vais t'envoyer les nouvelles pertinentes pour un(e) dev React et React-Native, et tu vas gagner du temps sur ta veille.

Je pars du principe que tu es déjà à l'aise avec React, et ouvert(e) d'esprit: on parle aussi de NodeJS, TypeScript, Jamstack, CSS, Serverless, Flutter, Svelte, mobile...

🙏 Pour me soutenir: recommande la newsletter autour de toi.

Si vous ne voulez plus recevoir les prochaines mises à jour, vous pouvez vous désabonner 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