📚 React Libraries You Should Use In 2024

When it comes to adding drag and drop to your application, you almost certainly need a third-party library. The most popular choice in the past has been React Beautiful DnD. As of 2024, it is no longer receiving regular updates.

Going forward, a solid replacement for drag and drop is to use DnD Kit . It’s lightweight, very flexible, and the document... See more

When you’re working with JavaScript, it’s always recommended to have a date library. JavaScript’s date constructor is unpredictable and virtually impossible to work reliably with things like time zones.

There are a bunch of options, but I tend to gravitate to date-fns or day.js . Both are very small but extensive libraries that allow you to manipula... See more

If I had to pick one state management library for all of my React projects in 2024, I would choose Zustand . It takes almost no time to learn how to use it. It also doesn’t require you to add a provider component to your application, which makes it very convenient to use in any component you like.

Expo is a tool similar to Vite, but for making mobile React apps. It has great features like fast refresh, and with Expo Go, you can easily run your project on your own device as you develop it. Expo is making it easier to take your mobile code base and also deploy it to the web.

This is the end goal of other projects such as Tamagui , which you sho... See more

An up-and-coming library that appears to have equally good features is Tanstack Router . The Tanstack Router was made to be fully type-safe and offer great defaults for data fetching just like React Router version 6 provides.

In 2024, Supabase has emerged as a very robust authentication solution and offers easy integration with React apps, both on the server, say, in a Next.js project, and on the client. In past years, Firebase was chosen for similar reasons, but it’s harder to integrate on the server side of things.

If you’re using Next.js, you have a ton of options ava... See more