Touch Health - Projeto de Aulas de ReactJS

Bem-vindo ao repositório do projeto Touch React! Este é um projeto desenvolvido para auxiliar nas aulas gravadas sobre ReactJS, oferecidas para a Touch Health.

Sobre o Projeto

A Touch Health é uma empresa dedicada ao desenvolvimento de soluções inovadoras na área da saúde, e este projeto específico foi criado para explicar e demonstrar as principais funcionalidades do ReactJS, um dos frameworks JavaScript mais populares para construção de interfaces de usuário que usamos bastante na Touch.

Roteiro das Aulas

Este projeto está organizado em aulas que cobrem diversos aspectos do ReactJS. Abaixo está um resumo dos pontos já apresentados nesse projeto

1. Introdução ao ReactJS

   • Visão geral do ReactJS
   • Configuração do ambiente de desenvolvimento
   • Disposição dos arquivos
   • Fluxo da aplicação

2. Componentes em React

   • Criando e utilizando componentes
   • Propriedades e estados em componentes

3. Principais Hooks

   • useState()
   • useEffect - EM BREVE!!
   • useContext - EM BREVE!!

4. Renderização Condicional

   • Renderização condicional de elementos
   • Utilização de operadores lógicos e ternários

5. Manipulação de Eventos

   • Lidando com eventos em componentes React
   • Exemplos práticos de manipulação de eventos

6. Comunicação entre Componentes

   • Passagem de dados entre componentes
   • Utilização de props e estados compartilhados

7. Ciclo de Vida de Componentes

   • Entendendo o ciclo de vida de um componente React
   • Utilização dos métodos do ciclo de vida

8. EM BREVE!! Integração com APIs

   • Realização de requisições HTTP em componentes React
   • Exibição de dados provenientes de uma API externa

9. EM BREVE!! Rotas em React

• Configuração de rotas utilizando React Router
• Navegação entre páginas em uma aplicação React

10. EM BREVE!! Estilização em React

• Utilização de CSS em módulos para estilização de componentes
• Frameworks de estilização como Styled Components

11. EM BREVE!! State Management
    • Gerenciamento de estado em aplicações React
    • Utilização de Context API e Redux

Como Usar

Para utilizar este projeto e acompanhar as aulas gravadas, siga os passos abaixo:

1. Clone este repositório em sua máquina local

2. Navegue até o diretório do projeto:

3. Instale as dependências:

4. Execute o projeto:

5. Acesse o projeto no navegador:

Abra seu navegador e acesse http://localhost:3000.

Contribuição

Contribuições são bem-vindas! Sinta-se à vontade para abrir uma issue caso encontre algum problema ou enviar um pull request com melhorias.