The Awesome React feed

Today

react-image-gallery

Responsive image gallery, carousel, image slider react component.
Featured Library // Category Photo / Image

react-treebeard vs react-treeview

Popular comparison
  • react-treebeard - React Tree View Component. Data-Driven, Fast, Efficient and Customisable.
  • react-treeview - Easy, light, flexible tree view made with React.

Yesterday

react-input-color

React input color component with hsv color picker.
Featured Library // Category Color Picker

Last 7 Days

react-reflex

Flex layout container component for advanced React web applications.
Featured Library // Category UI Layout

mobx-react

React bindings for MobX. Create fully reactive components.
Featured Library // Category Data Store

react-bootstrap vs reactstrap

Popular comparison
  • react-bootstrap - Bootstrap 3 components built with React.
  • reactstrap - Simple React Bootstrap 4 components.

react-inspector

Power of Browser DevTools inspectors right inside your React app.
Featured Library // Category Inspect

react-slick vs react-responsive-carousel

Popular comparison
  • react-slick - React carousel component.
  • react-responsive-carousel - React.js Responsive Carousel (with Swipe).

react-player

A react component for playing a variety of URLs, including file paths, YouTube, SoundCloud and Vimeo.
Featured Library // Category Audio / Video

Next.js E-Commerce Tutorial: Quick Shopping Cart Integration

Learn how to quickly craft a killer e-commerce application with this Next.js tutorial. We used this popular React framework for a live online shop demo, check it out!
Tutorial Added by: Mathdio24 // snipcart.com

GraphQL Tutorials for React Native Developers

This tutorial is a 2-hour introduction to GraphQL for React Native developers.
Tutorial Added by: shark-h // learn.hasura.io

react-leaflet

React components for Leaflet maps.
Featured Library // Category Map

React Quickly: Painless web apps with React, JSX, Redux, and GraphQL

A book for anyone who wants to learn React.js fast. It teaches you the concepts you need with lots of examples, tutorials, and a large main project that gets built throughout the book.
Book Added by: vonlatinski // mng.bz

Last 30 Days

React Animation 👌

Components and animations to easily add movement to your React projects
Featured Library // Category UI Components

react-grid-layout vs golden-layout

Popular comparison
  • react-grid-layout - A draggable and resizable grid layout with responsive breakpoints, for React.
  • golden-layout - A multi-screen javascript Layout manager.

react-overlays

Utilities for creating robust overlay components.
Featured Library // Category Overlay

react-i18next vs react-globalize

Popular comparison
  • react-i18next - Internationalization for react done right. Using the i18next i18n ecosystem.
  • react-globalize - Bringing the i18n functionality of Globalize, backed by CLDR, to React.

react-icons

Svg react icons of popular icon packs using ES6 imports.
Featured Library // Category Icons

react-dailymotion

Dailymotion player component for React.
Featured Library // Category Audio / Video

react-stonecutter vs reflexbox

Popular comparison
  • react-stonecutter - Animated grid layout component for React.
  • reflexbox - React flexbox layout and grid system.

react-height-reporter vs react-height

Popular comparison
  • react-height-reporter - React component-wrapper detecting height changes of it's children.
  • react-height - Component-wrapper to determine and report children elements height.

grommet vs rebass

Popular comparison
  • grommet - The most advanced UX framework for enterprise applications.
  • rebass - Configurable React Stateless Functional UI Components.

react-widgets

An à la carte set of polished, extensible, and accessible inputs built for React.
Featured Library // Category Form Component Collections

reactstrap vs react-bootstrap

Popular comparison
  • reactstrap - Simple React Bootstrap 4 components.
  • react-bootstrap - Bootstrap 3 components built with React.

react-codemirror vs react-ace

Popular comparison
  • react-codemirror - Codemirror Component for React.js.
  • react-ace - React Ace Component.

react-sizeme vs react-measure

Popular comparison
  • react-sizeme - Make your React Components aware of their width and height.
  • react-measure - Compute measurements of a React component.

react-components vs dataminr-react-components

Popular comparison
  • react-components - React components used by Khan Academy.
  • dataminr-react-components - Collection of reusable React Components and utility functions.

A 2 hour GraphQL introduction for React Developers

This course is a concise and powerful introduction to GraphQL for React developers.

It's structured to cover fundamental concepts of both GraphQL and using GraphQL in React, in the shortest amount of time possible. The course is light on opinions so that once you grok the fundamentals you can go on to choose your favourite tools and tailor your workflow.
Tutorial Added by: shark-h // learn.hasura.io