Skip to main content

📨 #142: JSX, React-Query, Server Components, Next.js, Million, OpenNext, Ariakit, Expo-Image, React-Three-Fiber, TS 5.1, Node.js 20, WebGPU...

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

Hi everyone!

This week, TypeScript 5.1 is released in beta with many improvements related to JSX and React!

React-Query plans to remove query callbacks in version 5, and this idea does not please everyone.

For React-Native developers, don't miss React-Native-Connection on June 1st in Paris! I participated to the talks selection committee, and we just published the complete line-up with international and local speakers. 10% discount with the code "REACTHEBDO".

💡 Check this newsletter on Twitter - visual format 🎨

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

Don't miss the next email!

    💸 Sponsor​

    React-admin

    React-admin - The Open-Source Framework for B2B apps

    Are you currently building an admin panel with React? If so, we have some exciting news for you! By using React-admin, an open-source framework for B2B apps, you can spare yourself days of coding! 🤩

    With React-admin you can not only save valuable time, but you can also become a better developer! You don't have to take only our word for it, though. There are already over 20,000 developers who use it daily and swear by its effectiveness. And if you're curious about the experiences of developers who have used React-admin for years already, check out NPO Caritas' testimonial.

    Join our thriving community as well as Discord server, so you can stay up-to-date on the latest React-admin updates and get support from a network of experienced developers.

    So what are you waiting for? Start using React-admin now, it’s free 😉, and take your development to the next level! 🚀

    ⚛️ React​

    TypeScript 5.1 beta

    TypeScript 5.1 (beta) + React

    An important TypeScript release that will allow React to be able to declare its own valid JSX types. It is planned to use this new feature as soon as possible in React typedefs, which have already been forked to continue to support older versions (TypeScript <= 5.0).

    There are good reasons to adopt TypeScript 5.1+ as soon as possible. It unlocks among other things:

    • the ability to use a React Server Component async in JSX without TypeScript errors or workaround.
    • the ability to return all valid types for ReactNode (string, array, boolean...) without needing a fragment (details).
    • other interesting improvements around JSX: namespaced attributes and linked editing (VSCode).

    Breaking React Query's API on purpose

    Breaking React Query's API on purpose

    React-Query will remove the callbacks (onSuccess, onError, onSettled) from the useQuery hook with v5. Dominik explains this choice and suggest alternatives more adapted to common cases, like displaying a toast. A controversial but necessary decision because these APIs were often misused. Note: callbacks are kept for useMutation.

    Don't miss the next email!

      💸 Sponsor​

      Tina.io is a headless CMS for Markdown-powered sites

      Tina.io is a headless CMS for Markdown-powered sites

      • Editing UI for your Markdown files
      • UI for MDX components
      • Supports static (SSG) and server-side rendering (SSR)
      • Option for visual editing (live-preview)
      • Build with reusable blocks

      Test a starter site

      Or run  npx create-tina-app@latest then visit localhost:3000/admin

      Watch the 4-min demo video

      📱 React-Native​

      🧑‍💻 Jobs​

      🧑‍💼 Passionfroot - Senior Full-stack Engineer (Remix) - €160k+, Berlin/remote

      Passionfroot's mission is to empower the independent businesses of tomorrow via YouTube, Podcasts, Social Media, and Newsletters. Join us in building a tool that will empower creators globally to build scalable, sustainable businesses.

      🧑‍💼 Callstack - Senior React Native Developer - Fully Remote, PLN 21-32k net on B2B, monthly

      Do you want to work on the world's most used apps? Would you like to co-create the React Native technology? Join the Callstack team of React & React Native leaders. Check our website for more details. We are looking forward to seeing your application - show us what you've got!

      🧑‍💼 G2i - 100% Remote React Native Jobs

      We have several roles open for developers focused on React Native! Pay is ~160k plus 10% bonus. You must have production experience with RN and be based in the US. DM @gabe_g2i to learn more and don't forget to mention This Week in React.

      💡 How to publish an offer?

      🔀 Other​

      🤭 Fun​

      alt

      See ya! 👋


      Don't miss the next email!