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
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • 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

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • 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

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
  • 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

    Discontinued 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

    A JS library for predictable global state management

  • 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

  • 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

    Node.js API for Chrome

  • 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

    Discontinued 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

    Discontinued 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 library to create small, reusable CSS that scales as your website grows.

  • Atomic

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
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