This React template is based on create-react-app and has its which you can find very useful.

You don’t need to install or configure tools like Webpack or Babel. They are configured and hidden so that you can focus on the code.

To get started follow these steps

  1. First of all, it's required to install Node and npm / yarn.

  2. Open your favorite console application (Terminal, iTerm, Command Prompt, etc.). Navigate to the gradient-able/folder and Install packages : npm i, npm install or yarn install. This command will install all the required Node.js modules into the directorynode_modulesinside gradient-able/folder. And now, you are ready to run the gradient able for the first time.

  3. To run the project locally: npm start or yarn start This command will runs the app in development mode. Open http://localhost:3000 to view it in the browser.

    The page will automatically reload if you make changes to the code.

  4. Now you can use This React hooks project for your application development, make the necessary changes.

  5. To builds the app for production npm run build or yarn build. It will create the build/ folder inside this project directory. It correctly bundles React hooks in production mode and optimizes the build for the best performance. The build is minified and the filenames include the hashes. Your app is ready to be deployed.

The project was built assuming it is hosted at the server root folder of domain/platform i.e

You can control this with the homepage field in your package.json. To deploy build for sub-folder i.e than "homepage" : "".

You also need to set base-name <BrowserRouter basename="folder-name"> in fileconstant.js at '../src/config/' directory, like export const BASENAME = '/gradient-able';

You can find detailed instructions on using Create React App and many tips in its documentation.

You’ll need to have Node v18.x.x or later on your local development machine (but it’s not required on the server). You can use nvm (macOS/Linux) or nvm-windows to easily switch Node versions between different projects.

Last updated