Http

Question 1

Pacote Json Server

Answer 1

Api Fake

1- npm i json-server
2 - cria uma pasta/file data/db.json
3 - colocar um objeto com dados nessse objeto
4 - vai em pack.json area scripts e add:
“server”:”json-server –watch data/db.json”
5 - no terminal execute: npm run server
6 - para acessar localhost:3000/chaveDoJsonDB

Question 2

hook useEffect

Answer 2

• Garante que determinada ação só executa uma vez.
• Controle a atualização de variáveis de estados, executando a função sempre que o estado mudar.
• O hook useEffect estará presente sempre nas requisições assíncronas

Question 3

realizando requisição com fecth API

Answer 3

useEffect(()=>{
   async function buscar(){
      const data = await fetch(url).json();
      console.log(data);
   }

  buscar()
},[])

Question 4

por que usamos o useEffect nas requisições http

Answer 4

estudar

Question 5

realizando post com fetch api

Answer 5

const res = await fetch(url,{
       method:"POST",
       headers:{
            "Content-Type":"application/json",
       },
       body:dados
      })

Question 6

custom hooks para o fetch

Answer 6

• Podemos dividir funções que podem ser reaproveitadas em hooks
• Customs Hooks Geralmente ficam na pasta hooks
• Devem utilizar o padrão useNome

Question 7

Criando o custom hook useFetch

Answer 7

//Basta criar uma funcão no formato 

export const useRequisicaoGet = (url) =>{
  
   const  [data, setData] = useState([]);

   //como vou fazer uma requisição http get então preciso colocar dentro do useEffect para controlar o efeito colateral
   useEffect(()=>{

		const buscar = async () =>{
			
			const res = await fetch(url);
			const json = res.json();
			setData(json);
			
		}
		
		buscar();
   })
   
   
   return {data}

}

Question 8

usar o custom hook

Answer 8

import { useRequisicaoGet } from './hooks/useRequisicaoGet "

const {data} = useRequisicaoGet (url);