Este repositório é para o desenvolvimento das práticas de Front-End do Curso de React com Material UI feito pelo YouTube patrocinado pelo desenvolvedor Lucas Souza.

• ReactJS com Typescript,
• CRUD de pessoas e cidades,
• Componentes e páginas,
• Navegação dentre rotas,
• useEffect e useState,
• Listas,
• Service de acesso ao backend,
• Uso de API.

• ReacrJS
• NodeJS
• Visual Studio Code
• Typescript
• Material Ui
• Json-Server

• Em uma pasta para o projeto, rodar: npx create-react-app nomeprojeto --template typescript
• No novo arquivo criado, rodar: npm start

• npm install react-router-dom = serve para trabalhar navegação entre páginas.
• npm instal add -D @types/react-router-dom = instala o types que serve para tipagem
• npm install react-router-dom@6 = instala o react roputer dom para fazer a navegação pelo sistema
• npm install @mui/material @emotion/react @emotion/styled = comando para instalar o mui material
• npm install @mui/icons-material = para trabalhar com os ícones dpo material UI
• npm init @eslint/config = para instalr o eslint para padronização de código
• npm install -g json-server = serve para instalar o json-server
• npm add axios = serve para instalar a depedencia do axios.

• O uso do "refactor" no git é para "refatoração" já que somente organizamos e limpamos o código.
• Vamos usar o JsonServer para simular APIs, instalamos ele como uma dependencia de desenvolviemnto para ser instalado logo no inicio e não vai para producação também.
• pasta mock é para informações que vamos tratar como json-server.
• Para rodar o json -server foi necessario usar o comando <npx json-server -w -p 3333 .\mock\database.json> já que estamos usando o pacote npm.
• A pasta Services será usada par tratar os metodos do axios para ser usado no projeto.

Link da playlist do curso no YouTube

Instrutor : Lucas Souza