/exSem7

FloripaMaisTech - semana 7 (com exercícios do Trello)

Primary LanguageJavaScript

MÓDULO2 semana 7

🚦 Exercícios do Trello

Este repositório é para minha prática e resolução dos exercícios proposto pelos professores durante o semana7 no curso FuturoDev trilha TRIP o qual estou inserida a desenvolver neste curso ofertado pelo FloripaMaisTech com a Lab365, Senai e Acate/SC.

SEMANA 7 com o professor Nicholas Macedo

  • Introdução a React Hooks

  • Fluxo de dados em um aplicativo React

  • PropTypes, useState/useEffect, useRef Controlados x Não Controlados, Custom Hooks

  • O exercício da semana 7, sendo um contador, se encontra neste repositório

Rodar o projeto

Para rodar pelo no terminal, digite os comandos:

npm create vite@latest
    Coloque um nome de pasta (project-name) que será criado.
    Escolha:
    - React
    - JavaScript

npm install
npm run dev

ps. Se estiver no MAC coloque sudo antes do npm

Assim aparecerá a url que renderizirá seu projeto no browser:

react-trip@0.0.0 dev vite

Re-optimizing dependencies because vite config has changed

VITE v5.3.2 ready in 168 ms
➜ Local: http://localhost:5173/ -----> este é a url para acessar o projeto na rede.
➜ Network: use --host 
to expose ➜ press h + enter to show help

Se quiser trocar de porta:

// vite.config.js
export default {
  server: {
    port: 8080  // definir a porta para 8080
  }
}

Componentes Bootstrap:

npm install bootstrap@5.3.3
import 'bootstrap/dist/css/bootstrap.min.css'
importação no arquivo main.jsx

🛠️ Construído com

  • Trello - aprendendo a criar e mover cards.
  • VsCode - aprendendo a usar a ferramenta e suas extensões.
  • GitHub - aprendendo a utilizar sempre enviando ou trazendo para meu local o repositório, fazendo alterações...
  • React - hooks
  • Vite
  • Bootstrap

🧑🏻‍🏫 Professores

📄 Acompanhe as resoluções e dicas de aulas

FuturoDev - Trip - [GitHub do curso] (https://github.com/FuturoDEV-Trip/MS2S07)

🎁 Expressões de gratidão

  • Adorando este curso super podendo fazer perguntas para embasar meu raciocínio 📢;
  • Lab365 e todos os monitores;
  • Qualquer dúvida ou sugestão de melhorar o código eu aceito;
  • Um agradecimento publicamente 🫂 aos melhores amigos de turma que podia ter - TRIP e NATURE!