#javascript #react #dropdown

Nos formulários de cadastro, é muito comum a gente colocar dropdown de estado e cidade para facilitar a vida do usuário.

E isso é uma tarefa bem simples, porém nesse vídeo eu vou te ensinar a fazer isso de forma bem estruturada, com código limpo, com tudo organizado em seu devido lugar e também utilizando a API do IBGE.

Eu garanto que você vai aprender muita coisa com esse vídeo.

Espero que gostem!

Esse video tem fins educativos.

=========

Link Secreto:

❓❓ https://emersonbroga.com/secret❓❓

✅ Tenho um curso de JavaScript do básico ao avançado. http://emersonbroga.com/js

✅ Tenho também um livro sobre ES6, chamado JavaScript: As Novidades do ES6 http://emersonbroga.com/es6

✅ Livro Sobre ES6 Gratuito no Kindle: https://amzn.to/3iE4lIF

✅ E em breve vou abrir mais uma turma do meu curso de React e NodeJS http://emersonbroga.com/react

✅ Video Anterior: Como ordenar arrays no JavaScript! https://www.youtube.com/watch?v=JxdsTHdgqAU

✅ Video: Como funciona o useEffect? https://www.youtube.com/watch?v=ehtB6ynyIlU

➡ Api de Localidades de IBGE https://servicodados.ibge.gov.br/api/docs/localidades

========= Time Stamps:

00:00 Intro 01:19 Mostrando a API de Localidades do IBGE 02:29 Começando o projeto em React e criando estrutura html/jsx. 06:44 Aplicando CSS 11:40 Criando Dropdown de Estados e Dropdown de Cidades 14:29 Buscando Estados na API e listando no dropdown 23:26 Buscando Cidades na API e listando no dropdown 28:38 Passando dados de um dropdown para o outro 35:29 BÔNUS: Abstraindo nome e id do dropdown 37:24 BÔNUS: Removendo código duplicado 38:08 BÔNUS: Evitando requisições desnecessárias 39:57 BÔNUS: Abstraindo a estrutura de dados do dropdown 46:47 BÔNUS: Ordenando itens do dropdown 48:30 BÔNUS: Removendo código duplicado 51:14 BÔNUS: Criando um dropdown genérico e reaproveitando 57:30 BÔNUS: Definindo opção padrão do dropdown 59:46 BÔNUS: Exibindo "Carregando" enquanto carregamos os dados 01:01:42 BÔNUS: Forçando cache pelo frontend 01:05:19 Finalização

=========

Acompanhe @emersonbrogadev nas redes sociais e aprenda mais sobre JavaScript/Node/React!

➜ Veja as dicas no Instagram 📸: https://emersonbroga.com/instagram

➜ Assista nosso canal no Youtube 📺 : https://emersonbroga.com/youtube

➜ Curta nossa página no Facebook 👍 : https://emersonbroga.com/facebook

➜ Não perca as atualizações no Twitter 🐦 : https://emersonbroga.com/twitter

➜ Siga nossos repositórios no Github ⌨️: https://emersonbroga.com/github

==========

Sobre Emerson Broga Dev (@emersonbrogadev):

Programador há mais de 15 anos, sou formado em Desenvolvimento de Sistemas pela Faculdade Pitágoras e pós-graduado em Gestão Estratégica de Marketing pela PUC Minas. Trabalhei em diversas agências de publicidade e desenvolvimento de software e atualmente trabalho em projetos internacionais como FOX.com, FXNetworks.com, NatGeo.com entre outros. Estou atualmente dedicando meu tempo a ensinar programação em meu blog e redes sociais. Saiba mais em http://bit.ly/2yFCqR1

========== Agradeço a sua atenção e lhe parabenizo pelo interesse em aprender \o/

react dropdown cidades estados refatorando cache abstracao components javascript frontend dev soudev broga api ibge select list ... https://www.youtube.com/watch?v=Aca6mAXi0j4