5 components and extensions for React that you should know


React is undoubtedly the fashion library in the world of Front-End web development. Created and maintained by Facebook is a library for creating component-based user interfaces. It is heavily based on JavaScript and ECMAScript and uses a Virtual DOM for very high performance. There are some ready to use react themes available as well to help you complete your web app faster and better.

Each component you create can maintain its own state, contain other components, and communicate with each other. Instead of using templates, the logic for each component is created with pure JavaScript / ECMAScript, which is why many programmers like it so much.

Unlike Angular or VUE.js, it is not a framework that covers the entire development cycle and architecture of a web application, but it specializes in one thing (the UI) and does it very well.

I am going to Leave it to your choice how to structure your application and how you utilize it with the rest of the functionality according to your need.

Relying on reusable components, there are a multitude of out-of-the-box component libraries and extensions that can save you a lot of work when creating your React-based web user interfaces.

Let’s see below 5 of the most prominent

React Bootstrap

Bootstrap is without a doubt the most used CSS framework in the world, created by the folks at Twitter.

It offers you a multitude of components with Bootstrap styles but based on React ready to use and achieve an instantly attractive interface. You can also check some stunning react bootstrap templates for your projects.

React Material UI

If Bootstrap is the most widely used CSS framework, Material is the most widely used mobile interface style. Not for nothing is the design style that Google has created and promotes, and that is used by default in all its Web applications and Android.

If you want your React application to have the unmistakable look and ease of use that Material provides, this library is what you are looking for. It offers a large set of ready-to-use components (bars, tabs, tables, buttons etc.) and even almost a million icons in SVG format.

React Desktop

If you’re interested in making your React-based web application look as close as possible to a native, desktop, Mac, or Windows application , these components are just what you were looking for. It is especially useful if you want to encapsulate your application in Electron and turn it into a native app, even if it was originally for the web.

It offers several dozen components, the most common, with the appearance that they have in these operating systems.

React Photon Kit

We continue with web applications that dream of being like native applications. In this case, if you use the famous Electron UI kit called Photon , which mimics the Mac user interface, this React kit will be of great interest to you.

It brings in quite a few React components that translate into Photon-based UI elements, and it will help you combine both, although it is still a work in progress.


If mobile web applications are your thing and you want to rely on React, then TouchstoneJS is a great option. It offers you an infinite number of components, transitions, effects, icons to faithfully emulate the user interface of an iPhone, only based on JavaScript and CSS.

If you are thinking of creating a mobile web application with Apache Cordova or similar, this library of components will save you countless hours of work.

There are many more kits and component collections, but these 5 are among the best known and used and it is convenient for you to know them

Leave a Reply

Your email address will not be published. Required fields are marked *