Aprenda a Criar Formulários em React que Consomem API Rest com Programação Assíncrona (Get, Post, Update e Delete) + Hooks + Dicas
- #JavaScript
- #React
Fala, Dev.
Acabei de criar uma aula de estudos de React. Nesta aula, você aprenderá a criar um projeto do zero, utilizando Json Server, Hooks, Formulários, com uma estilização simples. A aula dividida em duas partes, no estilo Code With Me, onde explico o passo a passo:
- Parte 1: Criação do Formulário, Componentes e Projeto
- Parte 2: Criação do Json com Funções Responsáveis por realizar as Requisições Http (Get, Post, Update e Delete).
Descrição do Vídeo 01: Fala, Dev. Aprenda a consumir uma API Rest utilizando React e Json Server. Neste exemplo, criamos algo bem simples, para que você entenda o passo a passo, step by step react, no estilo code with me (code comigo).
Esta aula é um estudo pessoal, no qual, busco criar projetos com o meu conhecimento atual e a ajuda do chat GPT. Esta é a primeira parte da aula, onde aprendemos a criar o projeto react utilizando o node.js instalado no visual studio code (vscode).
Criaremos os componentes que compõe o formulário de cadastro, assim como, os hooks necessários para renderizar a página sem a necessidade do reaload.
Na parte 2 desta aula, apresentaremos como criar as funções responsáveis pelas requisições http conhecidas como get, post, update e delete, para que seja possível cadastrar novos usuários, atualizar os já cadastrados, requisitar informações para preencher o formulário e deletar se for necessário.
Neste conteúdo, passo a visão completa, onde você verá o código, o resultado no browser do google chrome, com direito a inspeção de código e correção de erros.
Busquei deixar tudo o mais simples possível para este primeiro contato, mas é ideal que tenha experiência mínima com html, css e javascript, pois é o que utilizaremos para construir essa aplicação front-end.
Aqui, você terá acesso ao código da aplicação react.
Github do Projeto completo (parte 1 e parte 2): https://github.com/olivalpaulino/crud_api
Parte 2: Criação do Json com Funções Responsáveis por realizar as Requisições Http (Get, Post, Update e Delete).
Descrição do Vídeo 02: Fala, Dev. Neste vídeo, vamos criar a parte 2 do projeto, onde criaremos a parte de programação assíncrona, com as requisições http get, post, update e delete, para que seja possível, requisitar os dados da Api Rest, do Json server, assim como, a instalação da dependência do Json Server, e demais dicas. Este vídeo é a continuação do projeto apresentado na aula: https://www.youtube.com/watch?v=Ah1Kau1PEOw .
Parte 2 do vídeo: https://youtu.be/wy2aCq2QbRM
Uma aula prática, para estudos, sem pressa. Em 2 horas, com o conhecimento básico de JavaScript, você aprende tudo e já pode criar seus formulários de cadastro tranquilamente.
E então, quer acompanhar essa aula? Inscreva-se no canal https://www.youtube.com/playlist?list=PLf-aKpXauSabnLEDIYEY9-qTXU_kH5IRb e ativa o sininho, que daqui a pouco já posto a aula com o código no github.
#react #github #javascript #html #css #projeto #dev #devnation #code #json
