Installation
How to start
React helps you build modern applications for the web, mobile, or desktop.
For getting started a react application you needs two things as Prerequisites.
Prerequisites
- Before you begin, make sure your development environment includes Node and an npm package manager.
Node.js
- Download the above 20 & below 22 version node.js from nodejs.org.
- Install Node.js using downloaded file
- To check your node version, run node -v in a terminal/console window.
Npm package manager
- React applications depend on features and functionality provided by libraries that are available as npm packages. To download and install npm packages, you must have an npm package manager installed.
- This Quick Start uses the npm client command line interface, which is installed with Node.js by default. To check that you have the npm client installed, run npm -v in a terminal/console window
- For better understanding react we suggest you to once go through official documentation of react from React Docs
React setup
Create Initial application
- Run the npm command create-react-app and provide the name my-app, as shown here:
- The create-react-app command prompts you for information about features to include in the initial app project. Accept the defaults by pressing the Enter or Return key.
- Go to the workspace folder (my-app).
- Launch the server by using the npm command npm start
npx create-react-app @latest
cd my-app
npm start
Fuso setup
If you have already download and install node.js then ignore prerequisites accordingly.
Node.js
- Download latest version of node.js from nodejs.org.
- Install Node.js using downloaded file
- To check your node version, run node -v in a terminal/console window.
Setup Fuso template by
cd Template
npm install
npm start
Once you serve your application by default it will take their default port so you can open port using localhost:3000
Make sure you are not running any other react project in local if so then use new generated port by approving it to "yes" to use another port.
Some Common solution if your project do not run successfully
- Use Latest Version of node.js
- Remove node_module and package-lock.json file and again do npm install
- You can again download the template from themeforest and then again run it
- Then also if your issue doesn't solve then you can generate a ticket.
Build Application
npm run build