> For the complete documentation index, see [llms.txt](https://eyestore.gitbook.io/documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://eyestore.gitbook.io/documentation/general-information/react.md).

# 🔌REACT

<div data-full-width="false"><figure><img src="/files/4vaXVzNTOB3fO9rt5pMd" alt="" width="375"><figcaption></figcaption></figure></div>

To set up your project, follow these steps:

1. **Navigate to Your Project Directory:**

   Open your terminal and change the directory to your project's location:

```
cd C:\Users\Raider\OneDrive\Desktop\txData\QBCoreFramework_C5FC53.base\resources\es_customs\resources
```

**Install Project Dependencies:**

Run the following command to install the dependencies specified in your `package.json` file:

```
npm install
```

**Install CRACO:**

CRACO (Create React App Configuration Override) allows you to customize your Create React App configuration without ejecting. Install it as a development dependency:

```
npm install @craco/craco@7.x --save-dev
```

* *Note:* Ensure that the version of CRACO you install is compatible with your version of `react-scripts`. For example, CRACO version 7.x is compatible with `react-scripts` 5.x.x.

  [Craco](https://craco.js.org/docs/getting-started/?utm_source=chatgpt.com)
* **Install Webpack and Loaders:**

  To handle SCSS files and inject CSS into the DOM, install the necessary loaders and Webpack:

```
npm install sass-loader sass css-loader style-loader webpack --save-dev
```

```
npm run build
```

```
"scripts": {
  "start": "craco start",
  "build": "craco build",
  "test": "craco test",
  "eject": "react-scripts eject"
}
```

```
npx craco start
```