Hoje eu trabalho inteiramente com Back-End, mas quando comecei a trabalhar como desenvolvedor a uns 4 anos atrás, eu comecei com o Front-End, e a biblioteca que mais utilizei foi sem dúvida o React.js, eu devo ter feito dezenas de projetos utilizando uma estrutura bem pareci, que era bem comum nessa época. Depois de quase 2 anos sem mexer em quase nada de Front-End, me bateu aquela saudade sabe? Uma vontade de fazer algo visual, de passar 2 horas tentando arrumar alguma coisa no CSS, essas coisas… Então decidi ver como estavam as coisas nesse ambiente, para minha não tão grande surpresa, muita coisa mudou!

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.

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.