Courses & TutorialsProgramming

Awesome React – Massive Collection of Resources

A collection of awesome things regarding the React ecosystem.


React

JavaScript Library for building User Interfaces

React General Resources

React Community

React Online Playgrounds

React Tutorials

React General Tutorials
React Hooks
React and TypeScript
React Performance
React Internals
React Interview Questions

React Tools

React Development Tools
React Frameworks
  • next.js – The React Framework
  • gatsby.js – Free and open source framework based on React
  • react-admin – Frontend Framework for building B2B applications on top of REST/GraphQL APIs
  • remix – Finally, a killer React framework from the creators of React Router
  • aleph.js – The React Framework in Deno
React Styling
  • styled-components – Visual primitives for the component age
  • emotion – Library designed for writing CSS styles with JavaScript
  • radium – A toolchain for React component styling
  • jss – Authoring tool for CSS
  • aphrodite – Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation
React Routing
  • react-router – Declarative routing for React
  • navi – Declarative, asynchronous routing for React
  • curi – JavaScript router for single-page applications
  • reach – Next Generation Routing for React
  • universal-router – A simple middleware-style router for isomorphic JavaScript web apps
React Component Libraries
  • material-ui – React components for faster and easier web development
  • ant-design – A design system with values of Nature and Determinacy
  • blueprint – A React-based UI toolkit for the webs
  • Fluent UI – A set of React components for building Microsoft web experiences
  • react-bootstrap – Bootstrap components built with React
  • reactstrap – Simple React Bootstrap 4 components
  • semantic-ui-react – The official Semantic-UI-React integration
  • evergreen – Evergreen React UI Framework by Segment
  • grommet – a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
  • chakra-ui – Simple, Modular & Accessible UI Components for your React Applications
  • rebass – React primitive UI components built with styled-system
  • react-fontawesome – Font Awesome 5 component library for React
  • reakit – Accessible, Composable and Customizable components for React
  • rsuite – A suite of React components
  • atlaskit – Atlassian’s official UI library, built according to the Atlassian Design Guidelines.
  • baseweb – Base Web is a foundation for initiating, evolving, and unifying web products.
  • primereact – A complete UI Framework for React with 50+ components featuring material, bootstrap and custom themes.
  • react-bulma-components – React components for Bulma framework
  • react-bulma – React.js components for Modern CSS framework based on Flexbox
  • rbx – The Comprehensive Bulma UI Framework for React
  • trunx – Super Saiyan React components, son of awesome Bulma, implemented in TypeScript
  • tailwind-react-ui – React utility component primitives & UI framework for use with Tailwind CSS
  • tails-ui – Clean UI based on tailwindcss
  • geist-org/react – Modern and minimalist React UI library, originating from Vercel’s design
  • elastic ui framework – The Elastic UI Framework is a collection of React UI components for quickly building user interfaces at Elastic.
  • bugbag react ui kit – Bumbag is a friendly React UI Kit suitable for MVPs or large-scale applications.
React Awesome Components
React for Command Line
  • ink – React for interactive command-line apps
  • react-blessed – A React renderer for blessed terminal interface library
React Testing
React Libraries
React Integration
React State Management
React AR and VR
  • React 360 – Create exciting 360 and VR experiences using React
  • Viro React – Platform for rapidly building AR/VR applications using React Native
React Renderers
Forms
Autocomplete
Graphics
Data Managing
Maps
Charts

React Native

Framework for building native apps using React

React Native General Resources

React Native Tutorials

React Native Development Tools

React Native Sample Apps

React Native Boilerplates

React Native Awesome Components

React Native Libraries

  • sentry-react-native – Real-time crash reporting for your web apps, mobile apps, and games.
  • realm-js – Realm is a mobile database: an alternative to SQLite & key-value stores
  • react-native-device-info – Device Information for React Native iOS and Android

Redux

Predictable State Container for JavaScript Apps

Redux General Resources

Redux Tools

Redux Tutorials


MobX

Simple, scalable state management for JavaScript Apps

MobX General Resources

MobX Tools

MobX Tutorials


GraphQL

Query Language

GraphQL Spec

GraphQL Tools

GraphQL Tutorials

GraphQL Implementations

Server Integration

Database Integration


Relay

Data-Driven React Applications

Relay General Resources

Relay Tutorials

Relay Tools


Apollo

Data stack based on GraphQL

Apollo General Resources

Apollo Tools


Videos

reactjsvideos.com

Important Talks

React.js Conf 2015 Playlist

ReactEurope Conf 2015 Day 1 Playlist

ReactEurope Conf 2015 Day 2 Playlist

ReactRally Conf 2015 Playlist

React.js Conf 2016 Playlist

React Amsterdam 2016 Playlist

ReactEurope Conf 2016 Day 1 Playlist

ReactEurope Conf 2016 Day 2 Playlist

ReactRally Conf 2016 Playlist

React.js Amsterdam 2018 Playlist

Video Tutorials


Demo React Apps


Real React Apps

  • kibana – Your window into the Elastic Stack
  • firefox debugger – The Firefox debugger that works anywhere
  • spectrum – Simple, powerful online communities
  • mattermost – Open source Slack alternative
  • overreacted – Personal blog by Dan Abramov
  • winamp2-js – Winamp 2 reimplemented for the browser
  • dnote – A command line notebook with multi-device sync and web interface

Related Articles

Leave a Reply

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

Back to top button