Skip to main content

πŸ“¨ #207: Next.js, use cache, shadcn/ui, Headless UI, RN 0.76, New Architecture, NativeWind, Expo 52, Edge-to-Edge, RNTL, Reassure, Bottom Tabs, Flutter, Node.js...

Β· 7 min read
SΓ©bastien Lorber
Newsletter Editor - Docusaurus maintainer

Hi everyone!

This is another great React week.

Vercel has unveiled new super-interesting caching APIs for Next.js, and the React Native ecosystem is on fire!

On my side, I'm a bit tired of Twitter penalizing me for commenting external links. I'm giving Bluesky a try (@sebastienlorber.com). Come say hi if you are there.

Don't forget to fill in the State of React survey, and mention that you read the newsletter πŸ˜‡.

πŸ’‘ Check this newsletter on Twitter - visual format 🎨

To support me:

Don't miss the next email!

    πŸ’Έ Sponsor​

    Build a full stack app using React Native & Expo

    Build a full stack app using React Native & Expo

    πŸ› οΈ Build a cross-platform full-stack app using a single codebase with scalable, real-time backend support and user management.

    βš›οΈ React​

    Next.js Conf 2024 Recap

    Next.js Conf 2024 Recap

    Last week, the community gathered at the Next.js conference. This recap is a nice overview of the highlights, including:

    • Next.js 15 stable
    • Turbopack Dev stable
    • Simpler caching, reduced complexity
    • Self-hosting improvements and templates

    The sister blog post Our Journey with Caching is particularly interesting, introducing new experimental caching semantics and APIs such as use cache, cacheTag, and cacheLife. It’s a more flexible system, and super cool that you don’t even need to provide a cache key.

    Don't miss the next email!

      πŸ’Έ Sponsor​

      Run GitHub Actions up to 2x faster at half the cost

      Run GitHub Actions up to 2x faster at half the cost

      Blacksmith runs your GitHub Actions substantially faster by running them on modern gaming CPUs. Integrating Blacksmith is a one-line code change. 100+ companies like Ashby, GitBook, Superblocks, and Slope use Blacksmith to help developers merge code faster.

      πŸ“± React-Native​

      New Architecture by default, DevTools, and more

      React Native 0.76 - New Architecture by default, DevTools, and more

      React Native 0.76 is out with major updates! The New Architecture is now enabled by default, there's a new React Native DevTools for improved debugging, and CSS support for boxShadow and filter for enhanced UI effects (available only with the new architecture). Be aware of some breaking changes: minimum SDK requirements have been raised to iOS 15.1 and Android SDK 24 (Android 7). Time to upgrade and check it out!

      v0.76 is cool, but what’s even better is that the New Architecture is here and officially declared ready to be used in production! This is a multi-year effort and a huge milestone for the React Native ecosystem! At this point, you probably already heard about JSI, Fabric, Turbomodules, synchronous low-overhead bridgeless communication, interop mode, and more. It’s not just about performance, but also solving important UX/DX problems such as being able to measure views synchronously to position a tooltip, or having useLayoutEffect work like on the web. What excites me most is also probably the most underrated: React Native can finally use React 18+ concurrent features, notably transitions, Suspense, and what’s coming next.

      πŸ”€ Other​

      🀭 Fun​

      alt

      alt

      alt

      See ya! πŸ‘‹


      Don't miss the next email!