Over the years, React has evolved with over 150% growth in 2018/2019.
A lot of React Core Users even consider it a language rather than a Javascript Library.
In this article, I would be explaining to you 30 React Components or better still called React Libraries, which allows you to extend your app functionalities.
This is a simple component that enables you to add borders to your elements easily.
React-Magic is a library that uses React to inject AJAX-loading goodness into plain old HTML webpages, without having to write any custom JavaScript. You can even use CSS transitions between the pages.
React Toolbox is a set of React components that enforces Google’s Material Design specification. It’s powered by CSS Modules and integrates with all module bundler.
Creating responsive UI with CSS media queries in react
A library providing an abstraction for React components that allows for fast top-down rendering embracing immutable data for js. Omniscient is all about making composable UIs in a functional manner. Having pure, referentially transparent components that gives a simpler static mental model, much like the static HTML – but bringing the views in a more powerful context in a programming language.
React Based Framework for Mobile App Development
Centrally manage state for React applications with Content Security Policy (CSP)
Fast 3kB React alternative with the same modern API. Components & Virtual DOM. It is a Highly optimized diff algorithm and seamless hydration from Server Side Rendering, Supports all modern browsers and IE11+, and Transparent asynchronous rendering with a pluggable scheduler.
Simple and elegant component-based UI library, Riot brings custom components to all modern browsers. It is designed to offer you everything you wished native the web components API looked like.
Maple.js is a React web components based framework mixing ES6 with Custom Elements, HTML Imports, and Shadow DOM. It has in-built support for SASS and JSX, including a Gulp task for vulcanizing your project.
SVG react icons of popular icon packs
A Free Set of Sketchy Illustrations provided by opendoodles
Plain functions for a more functional Deku approach to creating stateless React components, with functional goodies such as compose, memoize, etc. Keo has taken on a more fundamental interpretation of React where components are expected to be passed immutable properties — and state is entirely inaccessible, as is setState to prevent components from holding their own state.
Bit is an open-source cli tool for collaborating on isolated components across projects and repositories.
Use Bit to distribute discrete components from a design library or a project into a standalone reusable package and utilize it across applications.
React, React Native and Vue UI components for building data-driven apps with Elasticsearch. ReactiveSearch is an Elasticsearch UI components library for React and React Native. It has 25+ components consisting of Lists, Ranges, Search UIs, Result displays and a way to bring any existing UI component into the library.
A completely customizable framework for building rich text editors. Slate lets you build rich, intuitive editors like those in Medium, Dropbox Paper or Google Docs—which are becoming table stakes for applications on the web—without your codebase getting mired in complexity.
Configure and build views using JSON schemas mapped to React components, Construct React elements from JSON by mapping JSON definitions to React components. Use react-json-schema for data-driven layouts, or as an abstraction layer for React components and props.
Compose multiple setState or getDerivedStateFromProps updaters in React. compose-state works with the standard setState parameters – objects or functions – so you don’t have to learn any new syntax. It’s also compatible with React’s new getDerivedStateFromProps lifecycle method.
A document head manager for React. This reusable React component will manage all of your changes to the document head. Helmet takes plain HTML tags and outputs plain HTML tags. It’s dead simple, and React beginner-friendly.
ClearX is an alternative way to Redux and MobX to maintain the application state and provides a simple interface to bind it to UI components. It works with React class components and Function UI components. UI components re-render automatically when bound data changes.
Zero-configuration framework-agnostic static prerendering for SPAs, Pre-renders a web app into static HTML. Uses Headless Chrome to crawl all available links starting from the root. Heavily inspired by prep and react-snapshot, but written from scratch. Uses best practices to get the best loading performance.
A React framework for building text editors, Draft.js is a JavaScript rich text editor framework, built for React and backed by an immutable model. it is Extensible and Customizable, has a Declarative Rich Text and is an Immutable Editor State
Harness the power of reactive programming to supercharge your components, Handle your component effects and side-effects in a clear and declarative fashion by using asynchronous data streams (reactive programming).
React UI Components for macOS High Sierra and Windows 10. This project is still very much looking for contributions
A React & Redux notifications system
Useful components and utilities for working with React
Lightning-fast search for React and React Native applications, by Algolia.
React InstantSearch is a React library that lets you create an instant-search result experience using Algolia’s search API.
Uppy is a sleek, modular JavaScript file uploader that integrates seamlessly with any application. It’s fast, easy to use and lets you worry about more important problems than building a file uploader.
A spring that solves your animation problems. This library also provides an alternative, more powerful API for React’s TransitionGroup.
The simple but very powerful and incredibly fast state management for React that is based on hooks.
Hookstate is a modern alternative to Redux, Mobx, Formik without boilerplate. It is simple to learn but very flexible to use. It has got the impressive performance and predictable behavior.
In other to enhance the strength of Facebook’s Owned Javascript Library, React developers including its creators develop these components for different functions.
Check them out and share your thoughts with us in the comment section below.
Hackers target web and app frameworks to try and exploit inbuilt weaknesses. Over the years,…
In short, JavaScript code compression has to do with the removal of every unnecessary character…
Obtaining any skill means that one will continuously upgrade it to become professional. It’s impossible…
With the keyboard shortcut "Command(⌘) + Option(⌥) + Delete(⌫)" you can completely remove a file…
For some weeks now, you have been putting in a lot of effort in understanding…
Transportation management software is used by organizations to administer, control, and manage the transportation aspect…