main banner


My Top 5 Libraries for React Apps

Following my previous post, today we will be discussing a very important topic: external libraries for React. React by itself makes very powerful applications and will allow you to do a lot of things, but there are plenty of external libraries out there that make your React way more powerful, and not only that, but they can also make development faster and way more efficient.

I made a list of my top 5 React libraries I always like to include in my React apps since they are extremely helpful and efficient.These libraries are randomly mentioned and all of them are extremely useful in their own unique way. For this list, I will be excluding libraries like React Router or Jest, since those libraries are just fundamental and will probably end up using in all your React applications.


1. React Redux

As its docs describe it, “Redux is a predictable state container for JavaScript apps”. Redux is one of the most useful libraries there are for React since it helps you have a global app state that can be accessed anywhere on the app without any trouble. It can even handle async operations with the help of the “redux-thunk” middleware to make your global state even more powerful. I personally use this library in 99% percent of my React applications since it’s by far the best state container there is right now.

You can check its docs here:


2. Axios

Axios is, in my opinion, the best promise-based HTTP client there is. It is extremely easy to use, and it has a lot of useful things. For example, you can create a custom instance of it to set specific configurations you need to make your requests as an Authorization token, a base URL, custom headers, etc. That way, you won’t need to be setting them over and over throughout your application. It also automatically transforms for JSON data and has client-side support to protect against XSRF.




You can check its docs here:


3. Styled Components

In my opinion, this is the best CSS-in-JS library for React. Styled Components make it possible to write plain CSS in your React components without worrying about class names. It also helps you scope CSS to a single component and does not leak anywhere else. It also supports theming where you can set your app’s default theme styles and use them throughout the application without any problem. These styled-components can also dynamically change style properties depending on the props you pass to them.




You can check its docs here:


4. Formik

Formik is a small library that helps you with the 3 most annoying parts: Getting values in and out of form state. Validation and error messages. Handling form submission”. It really is the perfect library to handle forms in React, as simple as that.




You can check its docs here:


5. React Table

This library is simple, yet powerful. Hooks for building lightweight, fast, and extendable data grids for React, you can basically do anything for data grids with this library like filters, pivoting, row selection and expansion, column ordering, animatable, resizable, etc. It’s the perfect library to show data in beautiful and customizable data grids.

You can check its docs here:

Honorable Mention – Reactstrap

Reactstrap is a Bootstrap component library made for React. It contains all the Bootstrap components your app will need so you can implement it fast and easily to your React app. It also has very good documentation where you can see how to do navs, grids, layouts, etc.


You can check its docs here:

And there you go! These are my must check out libraries for React that I really like to add to most of my projects! Make sure to check them out and most importantly try them out!

Joel G.

PC building enthusiast. Enjoys coding and learning new things about it. Favorite video games are: The Elder Scrolls V: Skyrim and Assassin's Creed Odyssey.