Skip to main content

πŸ“¨ #180: Transitions, Drag & Drop, Metadata APIs, React name, Next.js Auth, useOptimistic, Cally, Docusaurus, New Architecture, Gesture Handler, Server Components, Privacy Manifest, Bun, xz, TypeScript, Signals...

Β· 8 min read
SΓ©bastien Lorber
Newsletter Editor - Docusaurus maintainer
Benedikt MΓΌller
Indie Hacker

Hi everyone!

As expected, it's been a quiet week, with developers taking a break for Easter.

Although we don't have a lot of major releases, we still have a good amount of content and blog posts. I really liked the headline blog post. Only Bun decided to release an outstanding v1.1 release on 1st April, quite a bold move!

React Native developer? Don’t miss App.js Conf kicking off on 22 May in KrakΓ³w πŸ‡΅πŸ‡±. Get a 10% discount with our partner code β€œTWIR”.

Apart that, stay safe and make sure to check if you are affected by xz, a major security vulnerability unveiled recently.

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

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

Don't miss the next email!

    πŸ’Έ Sponsor​

    Omlet React Analytics - Measure component & prop usage

    Omlet React Analytics - Measure component & prop usage

    ☁️ Imagine being able to instantly track most popular, least used, unused, and newly created React components and props β€” all in one dashboard. You can with Omlet.

    • Gain visibility into component and prop usage in your production code, with pre-built and custom charts to drill down into trends and gaps
    • Easily turn Omlet’s component insights into specific codebase improvements β€” like what code to update, deprecate, or migrate
    • Get setup and run your first scan in <5 minutes

    Take the guesswork out of which components to focus on next with Omlet.

    βš›οΈ React​

    Global progress in Next.js**

    Global progress in Next.js

    Don’t be misled by the title, this great article is a great illustration of how React transitions work. Easy-to-understand Interactive demos show how setState calls inside a transition can be executed synchronously in a click handler, and yet their application to the DOM will be delayed until the transition can fully complete. Also explains why App Router doesn’t expose a router event system anymore. The animation code is also interesting, based on Framer Motion.

    Don't miss the next email!

      πŸ’Έ Sponsor​

      Refine - Open source Retool Alternative

      Refine - Open source Retool Alternative

      The sweet spot between the low code and traditional development for CRUD-heavy applications.

      As an open-source React meta-framework designed for Enterprise applications, Refine offers a headless solution ideal for tasks like admin panels, dashboards, and internal tools.

      While low-code tools may offer initial promise, they often fall short in handling complex scenarios due to scalability issues, limited customization options, and the risk of vendor lock-in.

      Refine enables teams to rapidly develop production-ready apps while maintaining flexibility.

      πŸ“± React-Native​

      This section is now co-authored with Benedikt. Feel free to send us your comments by email or on Twitter!

      "New Architecture support in popular libraries"

      "New Architecture support in popular libraries"

      This week's headline news is … a spreadsheet? Yes, indeed. We’re approaching the release of React Native 0.74, which will have the Interop Layer and Bridgeless Mode enabled by default. And although you can still turn it off, the message is clear: It’s time to start adopting the New Architecture. There has been a lot of effort to prepare the RN ecosystem for the New Arch, and now there’s a great spreadsheet tracking New Architecture and Bridgeless Mode support for many popular RN libraries. As you can see in the screenshot above, there’s lots of green already, although plenty of rows require some more work as well. In my opinion, even beyond the pure question of which libraries already support the new paradigms this list is also very interesting if you only want to check out which RN libraries are the most popular ones or which technical challenges library authors face when shifting to the New Arch.

      πŸ”€ Other​

      🀭 Fun​

      alt

      See ya! πŸ‘‹


      Don't miss the next email!