How to setup the react project

Rahul Kumar
2 min readSep 29, 2024

--

Imagine you are creating a React project from scratch and implementing everything from the ground up, such as setting up the folder structure, creating a local storage service, authentication service, and implementing light and dark themes, among other things.

Imagine having a single command that sets up an entire React project from scratch, so you can jump straight into building functionality. This would drastically reduce development time and boost productivity for developers.

React Factory Cli

React Factory CLI is a powerful command-line tool that simplifies the scaffolding and management of React projects. It allows developers to quickly generate functional and class-based components, pages, services, Context APIs, interfaces, test files, and hooks with minimal effort. One of the key benefits is the rfc-config.json file, which offers full customization of your project's folder structure and default component types. This flexibility reduces repetitive setup tasks, accelerates development, and ensures consistency across projects, ultimately boosting productivity and allowing developers to focus on writing core functionality.

React Factory CLI offers a complete React boilerplate setup via a simple setup command.

# Install package
npm install react-factory-cli --save-dev

# Run setup command
rfc setup

For more information check this link: https://www.npmjs.com/package/react-factory-cli

You can change the default setting to create components, services and other things by changing rfc-config.json```.

{
"component": {
"path": "src/components",
"type": "functional"
},
"page": {
"path": "src/components",
"type": "functional"
},
"service": {
"path": "src/services"
},
"context": {
"path": "src/context"
},
"hook": {
"path": "src/hooks"
},
"interface": {
"path": "src/utils/interfaces"
},
"test": {
"path": "src"
}
}

--

--