React.js: 14 tools & resources for web developers (Part 2)

Ngoc Huynh

Belle configurable React components

Belle is a React component library that equips you with a set of React components you may want to use in your project, such as “Button”, “Card”, “Spinner”, “Toggle”, “Rating”, different form components, and others. The components work both on mobile and desktop, and they are customizable as well.

Belle is not the only React component library out there, you can find other great ones on Github, such as React widgets or Elemental.

React Storybook UI Development Environment

If you don’t want to use someone else’s component library but want to build your own, it’s worth giving a try to React StoryBook which is a UI development environment for React components. Storybook allows you to develop components interactively. It has an elaborate documentation, and you can get started with the development in the Storybook Hub.


React-Bootstrap integrates React with the popular Bootstrap 3 frontend framework. Its developers basically rebuilt Bootstrap components with React.js. This results in a cleaner code base with less repetition, and a higher performance.

Note that as the repo is under active development, the APIs will change in the future. For the current state of development, check out the roadmap of the project.

React Developer Tools for Chrome

React DevTools for Chrome is an extension to Chrome Developer Tools and allows you to inspect component hierarchy. It was created by Facebook with the endeavour to assist the developer community in building new React apps. You can simply add it as a Chrome extension to your browser. You can browse the belonging source code on Github as well.

React Developer Tools for Firefox

This is the Firefox version of the same React Developer Tools created by Facebook. Just add it as an add-on to your Firefox browser, and start inspecting the hierarchy tree of your React app at once.

React.js Package for Atom

You can add React support to your Atom code editor with this Atom React package. It comes with syntax highlighting, autocomplete, code snippets, HTML to JSX conversion, and some other useful features that can greatly facilitate React development.

React.js Fundamentals – free online course

There are many excellent & fairly inexpensive courses where you can learn React development, however you can enroll this React.js Fundamentals online course for completely free. It’s made up of 12 lessons, starts with the basics of React, and has a nice curriculum that covers all the important things.

Share the news now