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

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

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".

💡 Subscribe to the official newsletter to receive an email every week!


💸 Sponsor


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.

💸 Sponsor is a headless CMS for Markdown-powered sites 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


See ya! 👋

Did you find this article valuable?

Support Sébastien Lorber by becoming a sponsor. Any amount is appreciated!