Aller au contenu principal

πŸ“¨ #252: React 19.2, Activity, useEffectEvent, Compiler, Astro, StyleX, Docusaurus | Vega OS, Voltra, NativeScript, Expo Router, NativeWind, Lynx, Maestro | TC39, Temporal, Baseline, State Of JS, Supply Chain, MCP

Β· 8 minutes de lecture
SΓ©bastien Lorber
Newsletter creator - Docusaurus maintainer
πŸ‡«πŸ‡· Non traduit :/
Malheureusement, cette page n'a pas encore Γ©tΓ© traduite en franΓ§ais. Reviens un peu plus tard!

Hi everyone!

Wondering why the newsletter is late this week?
Well, we had good reasons!

React v19.2 has just been released with the highly anticipated <Activity> component, useEffectEvent hook, and more!

React Native also had exciting updates, notably an OS from Amazon with first-class React Native support, and upcoming solutions to integrate even more tightly with native platforms.

Don't forget that React Conf starts next week, on October 7. The schedule is online, full of interesting talks, and we can expect more exciting announcements!

As always, thanks for supporting us on your favorite platform:

Ne manque pas le prochain email !

    πŸ’Έ Sponsor​

    Sentry AI Code Review: Catch Bugs Before They Ship

    Sentry AI Code Review: Catch Bugs Before They Ship

    Stop shipping preventable bugs. Sentry AI Code Review brings error and performance context into your PR to catch bugs before they break prod.πŸ§‘β€πŸ’»

    Why devs rely on it:

    • Automated detection of bugs, risks, and regressions
    • Actionable insights, not distracting noise
    • Tighter feedback loops for faster merges
    • Context-aware checks tied to real Sentry data
    • Less time debugging, more time building

    Ship code that breaks less, review with confidence, and keep production stable. Try AI Code Review in Sentry.

    βš›οΈ React​

    React 19.2

    React 19.2

    Just in time before React Conf, React 19.2 is out with several new features and improvements:

    • <Activity> is to me the most exciting feature. It can hide a React subtree and unmount its effects while preserving its state, and keep rendering it with lower priority. It unlocks very exciting pre-rendering patterns along the way! More Activity modes are coming.
    • useEffectEvent(callback) always sees the latest props and state, helping avoid the stale closure problem. Effect Events should only be called from Effects and can be omitted in the dependency array.
    • cacheSignal() returns a signal that triggers when React.cache() lifetime is over, letting you abort tasks in RSCs.
    • Performance Tracks helps you profile your app in Chrome DevTools. The Scheduler track shows React splits your code into different priorities. The Component track shows when a component renders and how long it takes.
    • prerender() and resume() enables you to implement Partial Pre-Rendering. You can now pre-render the static parts of your app at build time, then resume rendering to complete the dynamic parts.
    • eslint-plugin-react-hooks v6 with flat config by default and opt-in for React Compiler powered rules.

    Ne manque pas le prochain email !

      πŸ’Έ Sponsor​

      LyteNyte Grid: Stop Wasting Sprints on Data Grid Code

      LyteNyte Grid: Stop Wasting Sprints on Data Grid Code

      βŒ›How many developer hours has your team sunk into DIY data grid plumbing? Accelerate your roadmap with LyteNyte Grid, the lightning-fast, zero-dependency React data grid that lets your team ship faster instead of patching grids.Β Β 

      πŸ†At just 40kb, it provides enterprise-grade power without brittle plugins or wrapper hacks. It comes with over 100 advanced features, including server-side data loading, tree data, and component managers. Whether you need the total control of a headless UI or a pre-styled grid out-of-the-box, LyteNyte Grid has you covered.Β 

      Try LyteNyte Grid today: https://www.1771technologies.com/demo

      πŸ“± React-Native​

      πŸ”€ Other​

      🀭 Fun​

      alt

      alt

      See ya! πŸ‘‹


      Ne manque pas le prochain email !