How to setup your react applications

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

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.io
featured
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.
www.influxdata.com
featured
  • 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

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

  • Why do React frameworks not have testing as a first class concern in their documentation?

    3 projects | /r/reactjs | 8 Jun 2023
  • 20 Essential Parts Of Any Large Scale React App

    15 projects | dev.to | 2 Jun 2023
  • Amp up your React workflow with these "Gen Z" toolings

    6 projects | dev.to | 28 Jun 2022
  • 12+ React Boilerplates & Starter Kits For Developers In 2021

    12 projects | dev.to | 11 May 2021
  • 🍒 Cherry-Picked Nx v19 Updates

    2 projects | dev.to | 27 May 2024