Consumindo uma API com React para Preencher Dados de um Formulário de Cadastro

Fala, Dev. No vídeo de hoje, trago uma aula onde ensino o passo a passo, no estilo code with me, onde crio o código na hora, explico as ferramentas e recursos utilizados, também apresento a ideia do que será criado, ferramentas de auxílio, e a solução final.

Aprendi aqui, no bootcamp OrangeTech+, na parte de front-end, sobre JavaScript e consumo da API ViaCep, depois aprendi um pouco de React, e agora, estou criando meus próprios projetos, aprofundando o conhecimento que adquiri, participando de outros cursos, vendo mais aulas online e utilizando o chatgpt.

Para este projeto, que se encontra no github: https://github.com/olivalpaulino/cadastro-com-api-cep e possui a aula online no youtube: https://youtu.be/DHMQPyF_9Pc utilizei:

- hook useState

- programação assíncrona (async, await, fetch)

- arrow function

- criação de componentes

- passando parâmetros através de componentes, utilizando as props

- analisando um projeto react padrão

- apresentando a api e como utilizá-la

É um projeto simples, mas que envolve muitos elementos. Por isso, é normal sentir dificuldades no primeiro momento. No vídeo, mostro algumas das possíveis dúvidas e como resolvê-las com o chatGPT, além de pensar em algumas estratégias diferentes para resolver os problemas que aparecem, assim como, as ideias que parecem boas, mas não são rsrs.

Neste projeto, crio um componente Formulario, que é a junção dos componentes Input e Botao, que possuem valores alterados de forma dinâmica, a medida que a API é consumida.

A prática gera o aprendizado. Gosto da regra: 30% estudos, 70% aprendizado prático. A prática gera problemas, faz a mente pensar nas soluções e fortalece a memória.

Espero que goste do aprendizado e da aula.

Bons estudos.