How to Start & Setup a React project in 2024 (7 Different Ways Based on Use Cases)

1. vite

   1 906 72,711 9.9 TypeScript

   Next generation frontend tooling. It's fast!

   

   You can see all create-vite templates for other libraries. You can also learn more about vite in its documentation website.

2. SurveyJS

   surveyjs.io featured

   JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

   

3. Gatsby

   2 372 55,855 8.5 JavaScript

   The best React-based framework with performance, scalability and security built in.

   

   You can learn more about Gatsby from its official documentation

4. react-router

   3 185 54,826 9.9 TypeScript

   Declarative routing for React

   

   Remix is built on top of React router, the most popular React routing library since the early days of React. Remix also uses Vite for the development server, making it fast and developer-friendly.

5. esbuild

   4 356 38,927 9.2 Go

   An extremely fast bundler for the web

   

   Vite is currently the best build tool for bundling Front-end applications. It's so fast because it uses esbuild under the hood. Vite hot reload is the fastest among other development tools I have used.

6. Docusaurus

   5 307 59,846 9.6 TypeScript

   Easy to maintain open source documentation websites.

   

   Learn more about Docusaurus in its official documentaton

7. create-react-app

   6 604 103,217 6.8 JavaScript

   Set up a modern web app by running one command.

   

   You can learn more about Create-React-App on its documentation website.

Suggest a related project