An open API service indexing awesome lists of open source software.

awesome-react-components

a list of some react components, by https://twitter.com/petebray, not a very good one at that
https://github.com/anthonybrown/awesome-react-components

Last synced: 24 days ago
JSON representation

Code Design

Boilerplate

Communication with server

CSS / Style

Data Store

  • alt - Isomorphic flux implementation.
  • baobab-react - React integration for Baobab.
  • cerebral - A state controller with its own debugger.
  • fluxible - A pluggable container for universal flux applications.
  • fluxxor - Flux architecture tools for React.
  • mobx-react - React bindings for MobX. Create fully reactive components.
  • react-controllables - Easily create controllable components.
  • react-i13n - A performant, scalable and pluggable approach to instrumenting your React application.
  • recompose - A React utility belt for function components and higher-order components.
  • redux-batched-actions - Reducer + action to reduce actions under a single subscriber notification.
  • redux-batched-subscribe - Store enhancer for which allows batching subscribe notifications.
  • redux-ui - Easy UI state management for react redux.
  • reflux - A simple library for uni-directional dataflow application architecture with React extensions inspired by Flux.
  • shasta - Dead simple + opinionated toolkit for building redux/react applications.
  • fluorine-lib - Reactive state and side effect management for React using a single stream of actions.
  • reselect - Selector library for Redux.
  • kea - High level architecture for React apps.
  • react-redux-provide - Bridges the gap between Redux and the declarative nature of GraphQL/Relay.
  • react-redux - Official React bindings for Redux.
  • redux - Predictable state container for JavaScript apps.

Form Logic

  • formik - Build forms without tears and supports Validation in ease.
  • formcat - A simple and easy way to control forms in React using the React Context API
  • formsy-react - A form input builder and validator for React JS.
  • newforms - INACTIVE] Isomorphic form-handling for React.
  • plexus-form - A dynamic form component for react using JSON-Schema.
  • react-redux-form - Create forms easily in React with Redux.
  • react-validation-mixin - Simple validation mixin (HoC) for React.
  • react-formawesome - Complex library for creating awesome forms.
  • surveyjs - The advanced Survey and Form library
  • tcomb-form - Forms library for react.
  • winterfell - Generate complex, validated and extendable JSON-based forms in React.
  • redux-form - A Higher Order Component using react-redux to keep form state in a Redux store.
  • react-jsonschema-form - A React component for building Web forms from JSONSchema.

HTML Template

Isomorphic Apps

Miscellaneous

  • redux-auth-patch - Complete token authentication system for react + redux that supports isomorphic rendering.
  • tcomb-react - Alternative syntax for PropTypes.
  • redux-search - Redux bindings for client-side search.

Props from server

  • react-async - Asynchronously fetch data for React components.
  • react-refetch - A simple, declarative, and composable way to fetch data for React components.
  • react-resolver - Async rendering & data-fetching for universal React applications.
  • react-router-relay - Relay integration for React Router.
  • redial - Universal data fetching and route lifecycle management for React etc.
  • redux-connect - Provides decorator for resolving async props in react-router.
  • redux-async-connect - Request async data, store in redux state, and connect to your component.

Router

Dev Tools

Inspect

  • react-json-inspector - React JSON inspector component.
  • fluxguard - PROD change monitoring that highlights all DOM + design changes.
  • reactotron - A CLI and OS X app for inspecting your React JS and React Native apps.
  • react-inspector - Power of Browser DevTools inspectors right inside your React app.

Miscellaneous

Redux

Test

  • carte-blanche - An isolated development space with integrated fuzz testing for your components.
  • legit-tests - Chainable, easy to read, React testing library.
  • react-unit - Lightweight unit test library for ReactJS.
  • redux-test-recorder - A redux middleware to automatically generate tests for reducers through ui interaction.
  • ui-harness - Create, isolate and test modular UI components in React.
  • unexpected-react - Plugin for unexpected to enable testing the full React virtual DOM, and also the shallow renderer.
  • redux-ava - Write AVA tests for redux pretty quickly.
  • jest-cli - Painless JavaScript Testing.
  • chai-enzyme - Chai.js assertions and convenience functions for testing React Components with enzyme.
  • enzyme - JavaScript Testing utilities for React.

Miscellaneous

Miscellaneous

  • html-to-react-components - Extract annotated portions of HTML into React components as separate modules.
  • htmltojsx - Automatically AJAXify plain HTML with the power of React. It's magic!.
  • jsonx - React JSON Syntax.
  • mozaik - Mozaïk is a tool based on nodejs / react / d3 / stylus to easily craft beautiful dashboards.
  • react-blessed - A react renderer for blessed.

Static Website Generator

  • gatsby - Transform plain text into dynamic blogs and websites using React.js.
  • phenomic - Modern static* website generator based on the React and Webpack ecosystem.

Performance

App Size

Server-Side Rendering

  • react-esi - A library to boost SSR performance by exposing React components as Edge Side Includes (ESI) fragments

UI

UI Animation

Form Components

Parallax

  • react-parallax-component - Easiest way to add scroll parallax effect on the component.
  • react-atv-img - A port of @drewwilson’s atvImg (Apple TV 3D parallax effect) library in React.

UI Components

Audio / Video

Carousel

Chart

Collapse

Custom Scrollbar

Form Components