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.
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!
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.
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).
Relay 11 va essentiellement apporter un support officiel des hooks React.
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
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.
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.
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
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.
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.
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.
Babel est maintenant capable de transpiler les Records & Tuples! Ajoute également le support de TypeScript 4.2 et quelques autres trucs intéressants.
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.
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.
Une liste assez complète de tous les logiciels qui ont une version gratuite pour les développeurs.
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.
