The React roadmap for beginners you never knew you needed.

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

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

    OOCSS

  • Aphrodite

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

    Aphrodite

  • 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

    SUITCSS

  • reselect

    Selector library for Redux

    Reselect

  • 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

    Stylus

  • redux-persist

    persist and rehydrate a redux store

    Redux Persist

  • Sinon.JS

    Test spies, stubs and mocks for JavaScript.

    Sinon

  • redux-phoenix

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

    Redux Phoenix

  • Sass

    Sass makes CSS fun!

    Sass/CSS

  • formik

    Build forms in React, without the tears 😭 [Moved to: https://github.com/formium/formik] (by jaredpalmer)

    Formik

  • Router5

    Flexible and powerful universal routing solution

    Router5

  • formsy-react

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

    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

    RxJS

  • axios

    Promise based HTTP client for the browser and node.js

    axios

  • ramda

    :ram: Practical functional Javascript

    Ramda

  • urql

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

    urql

  • puppeteer

    Headless Chrome Node.js API

    Puppeteer

  • ava

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

    AVA

  • PostCSS

    Transforming styles with JS plugins

    PostCSS

  • tape

    tap-producing test harness for node and browsers

    Tape

  • Numeral-js

    A javascript library for formatting and manipulating numbers.

    Numeral

  • Cucumber.js

    Cucumber for JavaScript

    Cucumber.js

  • moment

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

    Moment

  • react-intl

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

    React Intl

  • mocha

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

    Mocha

  • MobX

    Simple, scalable state management.

    MobX

  • 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

    Karma

  • 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.

    Bootstrap

  • Radium

    A toolchain for React component styling.

    Radium

  • emotion

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

    Emotion

  • Bulma

    Modern CSS framework based on Flexbox

    Bulma

  • Atomizer

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

    Atomic

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