hebertgarcia / projetoreact

Módulo 3 - Site utilizando React e rotas GET, POST, PUT, DELETE.

Programadores Cariocas

Projeto REACT módulo 3

Projeto para conhecimentos da biblioteca react e request com axios.

Grupo:

Nome: Hebert Garcia da Silva Nome: Ana Carolina Aquino

link do site: https://projeto-react-two-psi.vercel.app/

---

Algumas tecnologias e recursos utilizados:

useEffect = É um hook do React. Ele permite você execute efeitos colaterais no seu código. Mas o que seriam esses efeitos colaterais? Buscar dados de uma API, mudar a DOM, ou configurar uma subscription, por exemplo, são algumas opções de efeitos colaterais no seu código.

useState = Nos permite criar estados em um componente criado a partir de uma função, assim como o state presente em componentes criados a partir de classes.

useNavigate = é uma biblioteca popular para roteamento e navegação em uma aplicação React Native. Essa biblioteca ajuda a resolver o problema de navegar entre várias telas e compartilhar dados entre elas.

useParams = Permite ter acesso aos parâmetros de uma maneira mais direta;

useLocation = permite identificar o location, pathname, state de qualquer componente;

BrowserRouter = Componente responsável por informar a nossa aplicação que teremos um roteamento de componentes, por conta disso ele ficará em volta dos componentes .

Link = Renderiza uma interface do usuário se o local atual corresponder ao caminho da rota.

ReactDOM - O pacote react-dom provê métodos específicos para o DOM que podem ser usados no nível superior de sua aplicação como uma válvula de escape para sair do modelo do React se você precisar

Axios = É um biblioteca que permite uma integração do seu projeto React para qualquer serviço de API disponível. Ele é uma biblioteca leve e também uma alternativa para quem usa o fetch api.

React-Bootstrap = É uma reimplementação completa dos componentes do Bootstrap usando o React. Fornece estruturas de CSS para a criação de sites e aplicações responsivas de forma rápida e simples.

react-router-Dom = É uma biblioteca padrão para que você consiga fazer o roteamento das páginas da sua aplicação de forma dinâmica.

styled-components = É uma biblioteca que possibilita escrever códigos CSS dentro do JavaScript.

framer-motion = Uma biblioteca de animação React simples e poderosa.

---

Recursos instalados e utilizados no projeto:

npm i -D react-router-Dom npm i axios npm i react-bootstrap npm i styled-components npm i framer-motion

---