📚 React Libraries You Should Use In 2024

For Global State

There are a lot of different state managers in front-end development. Every time you blink a new state management is being open-sourced. But the one that works for me is MobX.

Some people don’t like it because a lot of “magic” happens behind the scenes out of your control. But for me, that is a feature, not a bug. I like to concentr... See more

How I typically handle React state today: Data fetched via HTTP: React Query. Local state: useState or useReducer. Forms: useState or React Hook Form. Global state and functions: Zustand or Jotai.

Forms and Validation

A lot of people underestimate the importance of proper form handling and that’s a mistake. It’s not just about capturing user input, it’s about providing a seamless and user-friendly experience.

There are numerous libraries available, but in my opinion, there are two main competitors: Formik and React Hook Form.

Even though both ... See more

For RESTful API

For REST, React-Querystands out as a leader with its powerful caching features and automated background updates. It’s one of the most flexible and complete solutions you can find right now. Let’s look at the list of its main features:

• Cache management is out of the box and is extremely easy and pleasant.


• Automatic data revalidation in

... See more

UI-kit

UI-kit is the backbone of any frontend application, it must be robust, reusable, and fully customized for the project needs. It’s very important to think carefully and implement a good technical solution as it will influence the entire project.

I’ve been building custom ui-kits for a long time and there are always two types of situations: whe... See more

Discord's iOS and Android apps are built using React Native [1]. This enables business logic to be shared with the desktop and web clients, as well as shared UI components between both mobile apps.

Part of the reason you see abandoned repos is because the community has adopted libraries like Reanimated, React Native Gesture Handler, and React Naviga... See more