5 Interesting and Useful React Js libraries

Hello Everyone! In this blog we will be looking at some React Js libraries that I found very interesting as well as useful in some scenarios.

React is a popular, powerful and open-source JavaScript Library for building user interfaces. One of the reasons that makes it so popular is the extensive number of libraries available to use with it and all thanks to the community of developers for making these libraries. kudos!

Apart from that, It is important for all developers out there to be up-to-date with useful libraries and constantly upgrade their skill. Also, you can save a lot of time by leveraging these react libraries. So lets get into it..

(These are some random set of libraries which I thought were interesting)

1 ) MobX - A simple and scalable state management library

This library is one of the first things that I learned at my first job and it fascinated me. It is a very amazing global state management library, probably a replacement for redux and react hook. 

Image source: https://www.meme-arsenal.com/en/create/meme/4536211

So, What exactly makes it so amazing and why you should even consider using it on your future projects.

• It is Fast and straight forward - It has very less boiler plate and data updating process is asynchronous.
• Apart from react it can be used in other frameworks as well like vue, Angular etc.
• Easy learning curve
• It will render minimal and only required number of components.
• states are mutable (in contrast with redux where state must be immutable)

Once you start using mobx definitely you will love it. Apart from the advantages one drawback that I found was that it can sometimes be quite difficult to track and debug.

2 ) React beautiful dnd - Cool drag and drop library

It is a relatively simple, open source library to perform drag and drop operations on web applications. Simple drag and drop features on your application can enhance the interactivity and attract more user towards your application. The advantages of this library are:

• It is highly customizable - You can pretty much customize every thing and integrate it with complex business logic.
• easy to learn - You basically require just 3 components to get started <DragDropContext/>,  <Droppable/>, <Draggable />
• High performance and natural drag and drop experience

Although it is a pretty good website but still has various features missing which I would want to see in this library. Since it is a  high level abstract library and might look difficult to use once you see its code, but trust me it is quite easy to use once you get hang of it.

3 ) Nivo - A data visualization library

This library provides a amazing set of data visualization components which are beautiful and easy to use. It has a whole bunch of options like bar graph, line chart, pie chart, scatter plot etc. Some things that I found interesting about this library are:

• Documentation - The documentation website is itself very amazing. you can can make live changes to the chart and  see what setting suits you best.
• Responsive and Canvas option ( to show huge amount of data )
• Separate module for each kind of graph so you only need to install one core component library and  the graph module that you want to use.

The aesthetically beautiful charts and transitions that it provides can enhance the look of your website. It is built on top of D3.js and comes with amazing features of declarative charts and server-side rendering. The library is also highly customizable and abstract (so easy to learn).

4 ) Formik - form management in react

5 ) Perspective.js