📨 #173: Million, Storybook, visionOS, Expo, Conform, Next.js, Remix, Astro, Apollo, useFormStatus, Framer Motion, Ariakit, Reanimated, TypeScript, JQuery, Express, Interop...
Salut à tous !
Cette semaine, j'ai trouvé pas mal d'articles, mais aussi quelques releases intéressantes. Il semble que React soit constamment critiqué, mais globalement, les arguments sont toujours les mêmes et beaucoup d'entre eux semblent un peu dépassés, et ne reconnaissent pas souvent ce que React fait de mieux.
Le monde React Native est excité par le lancement officiel de Vision Pro !
Je teste quelque chose de nouveau cette semaine, avec un tout premier thread Twitter dédié à React Native. Dites-moi si vous aimez
La newsletter fera une pause la semaine prochaine. Retour le 21 février 👋.
💡 Consulter cette newsletter sur Twitter - format visuel 🎨
![](https://thisweekinreact.com/fr/emails/separators/christmas.png)
Pour me soutenir:
- 😘 Recommande la newsletter! Ça m'aide vraiment beaucoup!
- 💸 Sponsorise la newsletter ou sponsorise-moi
- 🧵 Retweet le dernier thread Twitter
- 📨 Réponds à cet email
- 💬 Rejoins le chat Discord
Ne manque pas le prochain email !
![](https://thisweekinreact.com/fr/emails/separators/christmas.png)
💸 Sponsor
CMS with Inline Visual editing for Next.js with App routing
Set up a project in just 1 minute with the CLI and define your own Visual blocks as React components to convey your pixel-perfect corporate brand, using any CSS framework. Try the new Next.js starter with Server Components!
Content editors can easily use content blocks to compose pages visually, just like using a word processor, without compromising the design.
React Bricks is enterprise-ready with Digital Assets Management, Advanced SEO, Real-time Collaboration, Scheduled Publishing, Multilanguage, integration with external APIs, Approval Workflow, Multiple environments, Change history and more.
Trusted by corporate clients such as The Weather Channel, Deel.com, La Banque Postale, leading eCommerce sites and over 9,000 users worldwide.
Get started today!
![](https://thisweekinreact.com/fr/emails/separators/christmas.png)
⚛️ React
Million est un compilateur qui optimise React. Cette nouvelle version majeure est une réécriture complète qui corrige les problèmes versions précédentes, gère plus de edge cases, apporte un nouveau système d'hydratation optimisé et améliore la stabilité.
Il semble que Million prévoit de nous aider à debugger et à maintenir de bonnes performances web au fil du temps. D'après leur 🐦 trailer, un linter est prévu.
![](https://thisweekinreact.com/fr/emails/separators/christmas.png)
- 💸 Product for Engineers - PostHog's newsletter helping engineers build their product skills.
- 👀 React Types PR - JSDoc comments: Matt Pocock veut améliorer notre DX avec TypeScript via de la JSDoc.
- 📜 Avoid using React’s
useFormStatus
: article intéressant présentant les limites du hookuseFormStatus
. Il faut forcément l'utiliser sous un élément<form>
, mais placer un bouton en dehors d'un form est parfaitement valide en réalité. Suggère une alternative utilisantuseTransition
. - 📜 Direction-aware animations in Framer Motion: un article intéractif sympa qui explique comment animer les vues list/detail et les slides de carousel avec Framer Motion en animant les éléments dans la bonne direction.
- 📜 Open Sourcing the Remix Website: Remix vient d'open sourcer son site, c'est l'occasion d'étudier comment ils ont implémenté l'experience scroll de leur landing page, ou encore comment ils SSR leur documentation.
- 📜 Dockerizing a Next.js Application with GitHub Actions: build le Dockerfile fourni par Vercel et le publie sur un registre via GitHub Actions.
- 📜 Removing React is just weakness leaving your codebase: critique de React avec laquelle je suis difficilement d'accord 😅 pour moi React ne change pas tant que ça et il n'est pas souvent nécessaire de réécrire une app. Ok les libs CSS-in-JS avec runtime sont pas idéales mais bon c'est un problème connu et il y a des alternatives maintenant. Les devs React utilisent de plus en plus les fondamentaux du web.
- 📜 It feels like React is getting a bit of a kicking recently: une critique plus nuancée qui répond à l'article précédent. React n'est pas parfait mais ne vas pas disparaitre du jour au lendemain, tant que la plateforme web ne nous fourni pas les outils dont nous avons besoin en tout cas.
- 📜 How to stream files from Next.js Route Handlers: explique comment servir des fichiers dynamiques/générés sans les charger en mémoire. Pour cela il faudra convertir les streams Node.js en web streams.
- 📜 How to Detect Clicks Anywhere on a Page in React: je découvre l'API
event.composedPath()
.