React.js e Streamlit - Treinamento Completo

Bem-vindo ao repositório do treinamento de React.js e Streamlit! 🚀 Este repositório contém os materiais das duas aulas ministradas:

• Aula 1: Conceitos fundamentais de React.js
• Aula 2: Integração do React.js com Streamlit

📌 Estrutura do Repositório

/react-streamlit-treinamento
├── /aula1  # Código e exemplos da Aula 1
├── /aula2  # Código e exemplos da Aula 2
├── README.md  # Este arquivo

---

📖 Aula 1 - Conceitos de React.js

Na primeira aula, abordamos os principais conceitos do React.js:

✅ Fundamentos do React.js (Componentes, Props, Estado, Eventos)
✅ Hooks essenciais (useState, useEffect)
✅ Comunicação entre componentes
✅ Renderização condicional e listas
✅ Exemplo prático de um contador interativo

🔗 Confira o conteúdo completo da Aula 1: Aula 1 - React.js

---

🔗 Aula 2 - Integração do React.js com Streamlit

Na segunda aula, mostramos como integrar React.js ao Streamlit:

✅ O que é o Streamlit e por que usá-lo
✅ Criando um projeto básico com Streamlit
✅ Desenvolvendo componentes personalizados com React.js
✅ Comunicação entre Streamlit (Python) e React.js
✅ Exemplo prático de um botão React integrado ao Streamlit

🔗 Confira o conteúdo completo da Aula 2: Aula 2 - React.js + Streamlit

---

🚀 Como Rodar os Exemplos

1. Clone o repositório:

   git clone https://github.com/Scitec-Jr/treinamento-react-streamlit.git
   cd treinamento-react-streamlit

2. Instale as dependências do Streamlit:

   pip install -r requirements.txt

3. Instale as dependências do React (na pasta aula2/frontend):

   cd aula2/frontend
   npm install

4. Rode a aplicação React:

   npm run build

5. Volte para o diretório raiz e inicie o Streamlit:

   cd ../..
   streamlit run aula2/app.py

---

📢 Contribuições e Feedback

Se tiver dúvidas ou quiser contribuir, fique à vontade para abrir uma issue ou um pull request! 🤝

📩 Contato: joaovmanciochaves@gmail.com

🚀 Bons estudos!