Em primeiro lugar, React é uma biblioteca JavaScript popular para construção de UI, especialmente para aplicativos de página única. Ele permite que os desenvolvedores criem componentes reutilizáveis ​​e gerenciem com eficiência o estado de seus aplicativos. Neste blog, abordarei o processo de configuração de um projeto React e muito mais.

Pré-requisitos
Antes de entrar no react ou criar o projeto react, você deve instalar as seguintes ferramentas.

1. Node.js: você pode baixar a versão mais recente do Node.js no site oficial: https://nodejs.org/en.
2. Editor de código: Você pode usar qualquer editor com o qual se sinta confortável, eu recomendo fortemente usar o VSCode.

Como criar um projeto

1. Abra o prompt de comando ou seu terminal.
2. Execute o seguinte cmd

//Replace my-app with the name of your project.
npx create-react-app my-app

//navigate to your project directory
cd my-app 

//this cmd helps us to run our script
npm start 

Estrutura de pastas

my-app/
├── node_modules/
├── public/
│   ├── index.html
│   └── manifest.json
├── src/
│   ├── components/
│   ├── App.css
│   ├── App.js
│   ├── App.test.js
│   ├── index.css
│   ├── index.js
│   └── reportWebVitals.js
├── .gitignore
├── package-lock.json
├── package.json
└── README.md

1. node_modules: Um diretório onde todas as dependências, como bibliotecas e pacotes exigidos pelo seu projeto, são armazenadas.

2. src: A pasta de origem que contém todo o código do seu aplicativo React. É aqui que você escreve os componentes, estilos e lógica para seu aplicativo React.

3. package.json: Um arquivo JSON que contém metadados sobre seu projeto e as dependências que ele requer. Ele gerencia as dependências, scripts, versão e outras coisas do projeto.