How to setup your react applications

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
  • css-modules

    Documentation about css-modules

  • CSS Modules or Sass/Scss

  • craco

    Create React App Configuration Override, an easy and comprehensible configuration layer for Create React App.

  • I generally use Create React App for bootstrapping my react application, and add some custom configuration using craco (Create React App Configuration Override).

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

    Sass makes CSS fun!

  • CSS Modules or Sass/Scss

  • redux-toolkit

    The official, opinionated, batteries-included toolset for efficient Redux development

  • It is very extensible method can can be used with Redux Toolkit or with Redux Sagas, in place of reducers and action keywords it could be slices or sagas.

  • redux-saga

    An alternative side effect model for Redux apps

  • It is very extensible method can can be used with Redux Toolkit or with Redux Sagas, in place of reducers and action keywords it could be slices or sagas.

  • redux

    A JS library for predictable global state management

  • Redux for state management

  • react-router

    Declarative routing for React

  • React Router

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

    Delightful JavaScript Testing.

  • Jest and React Testing Library

  • ESLint

    Find and fix problems in your JavaScript code.

  • As Create React App getting started template already comes bundled with eslint I tend to leave the linting to it, and only add custom configurations if required to the eslint config file, or else we are good to go.

  • create-react-app

    Set up a modern web app by running one command.

  • I generally use Create React App for bootstrapping my react application, and add some custom configuration using craco (Create React App Configuration Override).

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