#FicaADica: React router com display none

Em alguns casos, pouquissimos caso podemos precisar que uma determinada rota do react seja renderizada mesmo sem estar na url correta. Busquei pr essa solução porque em uma aplicação que estava fazendo eu tinha duas telas: uma com a aplicação em si e outra com um iframe para uma aplicação de um terceiro, dependendo do evento que ocorresse na minha tela eu redirecionava para a tela do terceiro. Até ai tudo bem eu configurei duas rotas uma para a minha aplicação e outra para um componente que so tinha o iframe da aplicação terceira, so que a aplicação terceira demorava muito para carregar, e quando carregava se o usuário voltasse para a minha aplicação o iframe morria e seria carregar tudo novamente caso o usuário decidisse voltar.

Função de handler para mudança de estado em formulários

Isso aqui eu não aprendi bem hoje mas sim na semana passada na Next Level Week da Rocketseat. Funciona como uma alternativa a ter aqueles milhares de handle change para cada um dos inputs do formulário. Passo 1. Ao invés de fazer um estado para cada campo do formulário você cria um estado com um objeto, contendo os campos do formulário que você está fazendo. const [formData, setFormData] = useState({ name: '', email: '', whatsapp: '', number: '' }) Passo 2.

Protocolo HTTP para Front-End

Fazer requisições e consumir APIs é uma das partes mais importantes de qualquer aplicação frontend. O conhecimento básico do protocolo HTTP e do consumo de APIs é indispensável para um programador, embora muitos não saibam como fazer isso. Nesse artigo você vai aprender sobre o protocolo HTTP/HTTPs os tipos de requisições e respostas, e como consumir APIs na prática em Javascript. O que é HTTP e HTTPS O Hypertext Transfer Protocol (HTTP) é um protocolo para transmissão de dados via rede, baseado em uma arquitetura de cliente servidor, ou seja, o cliente faz uma requisição para o servidor, que responde com alguma informação.