Skip to main content

📨 #163: React-Query, React-Forget, Rspress, Remix Vite, Next.js Barrels, Storybook, Memo, Transitions, Gluestack, VisionCamera, Unistyles, VisionOS, Expo debugging...

· 7 min read
Sébastien Lorber
Sébastien Lorber
Newsletter Editor - Docusaurus maintainer

Hi everyone!

There's a lot of content this week! Releases, but also some very good React articles. And there's no end in sight, with some great React conferences coming up: React Advanced, Next.js Conf, reactjsday...

I've also got some great news to share with you in advance: I'm about to become the father of a little girl 🤗

For the 1st time ever, the newsletter will be taking a long break of several weeks, starting now. The next newsletter issue is scheduled for November 29.

Otherwise I'm staying on course to pass 30,000 subscribers by the end of the year. While I'm away, you can keep bringing me new mates 😜

Thank you and see you soon 👋

💡 Check this newsletter on Twitter - visual format 🎨

To support me:

Don't miss the next email!

    💸 Sponsor​

    Frontendmasters

    FrontendMasters – Complete React.js Learning Path to Senior React Developer

    Learn React.js from the ground up to advanced topics like performance, testing, and code quality. Start by building a real-world app in the Complete Introduction to React. Continue with Intermediate React, integrating the most popular tools from the ecosystem. Then learn performance, TypeScript, and even Next.js, the fullstack React framework!

    ⚛️ React​

    TanStack Query v5

    TanStack Query v5

    After many pre-releases, TanStack Query v5.0 stable is out, including the React Query package. In particular, it includes

    • a unified, better-typed API, with no overloads
    • stable Suspense support. Streaming, React Server Components (experimental)
    • many other improvements: infinite queries, persistence, devtools, optimistic updates, useMutationState...

    Rspress v1.0 - A fast Rspack-based static site generator

    Rspress v1.0 - A fast Rspack-based static site generator

    First stable release for this new static site generator from the ByteDance team. Based on Rust, React and MDX. A serious contender for Docusaurus, Nextra, Vitepress, Starlight and other content-oriented solutions. Rspress is performant, while offering an impressive list of features: i18n, versioning, search, etc. The competition is getting tough, and that's motivating me even more to add some Rust to Docusaurus 😄!

    Remix - Vite Support

    Remix - Vite Support (Unstable)

    Remix explains its decision to become a Vite plugin in this proposal. This enables to open up its compiler and become more flexible by allowing users to add their own Vite plugins, and handle various scenarios: MDX, GraphQL, Tailwind, path aliases, etc.

    Statically analysing React components for fun and profit

    🎥 Statically analysing React components for fun and profit

    Sathya is working on React-Forget, the long-awaited compiler. This talk reveals some interesting details:

    • Compiling is possible thanks to React's new model, which no longer uses classes or this
    • It reasons locally, is able to optimise in parallel, and can be adopted incrementally
    • It works on untyped JavaScript, and understands React conventions such as hooks and the "use" prefix
    • Its alias analysis system is even more complete than that of the V8 engine

    Sathya says we should be hearing more about React-Forget in the coming weeks, including in the talk "Understanding Idiomatic React" at React Advanced in just 2 days. In short, we can't wait to hear more!

    Don't miss the next email!

      💸 Sponsor​

      CoderPad: Code together before you work together

      CoderPad: Code together before you work together

      Hiring front-end developers is hard. 😩 But 4,000+ engineering teams — including at Netflix, Spotify and LinkedIn — have found a better way! 🤠 Skip the algorithm interviews and run front-end interviews in a fully customizable and collaborative IDE - where you can:

      • drag and drop a React (and Angular or Vue) repo
      • add packages with npm install
      • let candidates use ChatGPT live in the interview
      • watch & share code playback after the interview

      Use CoderPad to run fast, fair and real coding interviews that candidates and interviewers trust. Sign up for free today & hire with confidence.

      📱 React-Native​

      Gluestack

      Gluestack-ui v1.0 - Universal & Accessible UI Components for React Native & Web, Unstyled & Themed

      Stable v1.0 release for this new cross-platform styling solution and component library in React-Native. There's already quite a lot included in this first version: VSCode plugin, Figma kit, Expo and Next.js support, headless and styled primitives. We're going to have to take a closer look at all that! I think the RSC support with Next.js is still limited and will require the 'use client' directive.

      🔀 Other​

      🤭 Fun​

      alt

      See ya! 👋


      Don't miss the next email!