The React roadmap for beginners you never knew you needed.

This page summarizes the projects mentioned and recommended in the original post on

Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • SonarLint - Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
  • Scout APM - Less time debugging, more time building
  • oocss

    Object Oriented CSS Framework


  • Aphrodite

    Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation


  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • redux-thunk

    Thunk middleware for Redux

    Redux Thunk

  • WebdriverIO

    Next-gen browser and mobile automation test framework for Node.js

    Selenium, Webdriver

  • redux-better-promise

    Simple and powerful redux middleware that supports async side-effects (and much more)

    Redux Better Promise

  • suit

    Style tools for UI components


  • reselect

    Selector library for Redux


  • SonarLint

    Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.

  • stylus

    Expressive, robust, feature-rich CSS language built for nodejs


  • redux-persist

    persist and rehydrate a redux store

    Redux Persist

  • Sinon.JS

    Test spies, stubs and mocks for JavaScript.


  • redux-phoenix

    Restore redux state from previous sessions like a phoenix from ashes.

    Redux Phoenix

  • Sass

    Sass makes CSS fun!


  • formik

    Build forms in React, without the tears 😭 [Moved to:] (by jaredpalmer)


  • Router5

    Flexible and powerful universal routing solution


  • formsy-react

    A form input builder and validator for React JS (by formsy)


  • redux

    Predictable state container for JavaScript apps

    Redux Async actions (Side Effects) Redux Thunk Redux Better Promise Redux Saga Redux Observable Helpers Rematch Reselect Data persistence Redux Persist Redux Phoenix Redux Form

  • final-form

    🏁 Framework agnostic, high performance, subscription-based form state management

    Final Form

  • redux-form

    A Higher Order Component using react-redux to keep form state in a Redux store (by redux-form)

    Redux Form

  • redux-first-router

    🎖 seamless redux-first routing -- just dispatch actions

    Redux-First Router

  • Rx.NET

    The Reactive Extensions for .NET


  • axios

    Promise based HTTP client for the browser and node.js


  • ramda

    :ram: Practical functional Javascript


  • urql

    The highly customizable and versatile GraphQL client with which you add on features like normalized caching as you grow.


  • puppeteer

    Headless Chrome Node.js API


  • ava

    Node.js test runner that lets you develop with confidence 🚀


  • PostCSS

    Transforming styles with JS plugins


  • tape

    tap-producing test harness for node and browsers


  • Numeral-js

    A javascript library for formatting and manipulating numbers.


  • Cucumber.js

    Cucumber for JavaScript


  • moment

    Parse, validate, manipulate, and display dates in javascript.


  • react-intl

    The monorepo home to all of the FormatJS related libraries, most notably react-intl. [Moved to:]

    React Intl

  • mocha

    ☕️ simple, flexible, fun javascript test framework for node.js & the browser


  • MobX

    Simple, scalable state management.


  • awesome-material-ui

    A curated list of Material-UI resources and related projects. The main idea is that everyone can contribute here, so we can have a central repository of informations about Material-UI that we keep up-to-date

    Materialize, Material UI, Material Design Lite

  • Materialize

    Materialize, a CSS Framework based on Material Design

    Materialize, Material UI, Material Design Lite

  • karma

    Spectacular Test Runner for JavaScript


  • material-design-lite

    Material Design Components in HTML/CSS/JS

    Materialize, Material UI, Material Design Lite

  • Bootstrap

    The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.


  • Radium

    A toolchain for React component styling.


  • emotion

    👩‍🎤 CSS-in-JS library designed for high performance style composition


  • Bulma

    Modern CSS framework based on Flexbox


  • Atomizer

    A tool for creating Atomic CSS, a collection of single purpose styling units for maximum reuse.


NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts