fajzanetti / conceitos-reactjs

Bootcamp GoStack - Desafio 03: Conceitos do ReactJS

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

NLW

GitHub language count GitHub language top GitHub last commit GitHub repo size GitHub last commit Nota Rocketseat Data de entrega

🚀 Sobre o desafio   |    🚧 Projeto

⬅ Desafio Anterior   |    Próximo Desafio ➡

🚀 Sobre o desafio

Nesse desafio, você deve criar uma aplicação para treinar o que você aprendeu até agora no ReactJS!

Agora você deve continuar desenvolvendo a aplicação que irá armazenar repositórios do seu portfólio, que você já desenvolveu o backend no último desafio utilizando o Node.js.

🚧 Projeto

Utilizando o próprio browser para ter uma resposta visual:

🟣 Requisição GET.

🟢 Requisição POST.

🔴 Requisição DELETE.

🟣 Inicialmente é feita uma requisição GET á API, como não ha dados na API a lista fica vazia.
🟣 É realizada apenas uma vez a requisição GET, com isso os dados são salvos local com o uso do hook useState.

Get Repos

🟢 Após adicionar o objeto á API com método POST, é renderizado o título do primeiro objeto.
🟢 E para a renderização não é feita uma nova requisição GET á API.

Get Repos

🟢 Novamente é adicionado outro objeto a API com método POST e renderizado o título dos dois objeto.
🟢 E novamente não é feita uma nova requisição GET para lsitar os dados.

Get Repos

🔴 Aqui foi clicado no botão remover do primeiro objeto realizando o método DELETE, também não houve uma renderização pois os dados estão salvos local com o uso do hook useState.

Get Repos

Desenvolvido com 💚 por Felipe Zanetti!

About

Bootcamp GoStack - Desafio 03: Conceitos do ReactJS


Languages

Language:JavaScript 79.7%Language:CSS 11.3%Language:HTML 9.0%