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

# First steps

## Install NodeJS

NodeJS can be installed from their official web page or from brew.

## Use Create React App

**CRA** or **create-react-app** enables to the user to have a basic structure. There is also one boilerplate for TypeScript:

```
$ npx create-react-app [name_app] --script-version=react-script-ts
```

\
This will create a project with the following structure:

```
node_modules
public
├── favicon.ico
├── index.html
└── manifest.json
src
├── App.css
├── App.js
├── App.test.js
├── index.css
├── index.js
├── logo.svg
└── registerServiceWorker.js
package.json
package-lock.json
README.md
```

```
// TODO: add what does each one mean
```

The only dependencies installed in the current project are:

* react
* react-dom
* react-scripts

​

See more about [create-react-app](https://github.com/facebook/create-react-app).

​