DEV Community

Cover image for 5 Frequently used JS libraries for React
Atul Bhatt
Atul Bhatt

Posted on

5 Frequently used JS libraries for React

I've seen many interns that join my company who have just basic knowledge of JS and are starting to dive into a UI library like React struggling with what to learn ahead to fasten there development journey. While there are lot of things you can learn from the internet to proceed further in your Web Development journey through React JS but I believe there are some JS libraries that you should immediately start practicing and get a grasp on. This is something I've felt after working on multiple React projects.

So without further adieu let's start with our list. This list is biased towards React so please take this list with a grain of salt.

1. Moment (https://momentjs.com/)

One thing that always seize to exist is time. One day or another day you'll definitely get a data that'll require you to deal with time. So moment is the library that's a must to learn. The library is easy and offers a lot of methods to manipulate date and time.

2. Axios (https://axios-http.com/docs/intro)

Axios is a simple promise based HTTP client for the browser and node.js. In simple words, Axios is a library that you use to perform API callings. Axios reduces the pain of API calling by providing features like:

  • Make XMLHttpRequests from the browser
  • Make http requests from node.js
  • Supports the Promise API
  • Intercept request and response
  • Transform request and response data
  • Cancel requests
  • Automatic transforms for JSON data
  • Client side support for protecting against XSRF

3. Material-UI (https://mui.com/)

There always comes a time when you have to dive into a UI library to get prebuilt components to fasten your development. And the most common UI library I've encountered in various projects I've worked on is material-ui. Apart from material-ui you can also look into core-ui.

4. React-toastify (react-toastify/introduction)

React toastify says it's usage all with its name. It's quite useful for displaying toast messages to update user on events like successful login, signup, and rest is upto your usage and imagination where you feel it can fit your usage.

5. Formik (https://formik.org/)

A web project without dealing with form feels so much incomplete. I don't intend to say that a project without form is not a project but here and there forms will be there. When it comes to dealing with form the other things that will definitely hop on are from fields validations.
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

I would like to keep this post short and would like to hear more about your top 5 picks. Of course there are other libraries which totally deserve to be in this list such as redux, core-ui, react-bootstrap, font-awesome, and many more. But let's keep them preserved for some other time. I'm really excited to know about your top picks from the comments.

Thanks for your time reading. Have a informatic day.

Top comments (2)

Collapse
 
sepehrworklife profile image
Sepehr Alimohamadi

I did work with axios,moment and mui and actually they are useful libraries.
In this list i liked formik most.

Collapse
 
atulbhattsystem32 profile image
Atul Bhatt

Yeah once you get into the habit of Formik you'll start loving working with the forms. It feels so good not worrying about looking for regex for validations and a lot more things.