FORMULÁRIO MULTISTEP COM REACT.JS - FORMULÁRIO DE MÚLTIPLAS ETAPAS REACT

Neste vídeo você vai aprender, através das melhores práticas, criar um formulário multistep com #React, ou seja, um form com múltiplas etapas

Esta técnica é útil em situações que temos formulários muito extensos, podemos dividir a apresentação dos inputs em etapas, onde o usuário pode avançar ou retornar

Utilizaremos os hooks do React para ajudar a gerenciar o estados dos dados, e criaremos um custom hook para trabalhar com o formulário

[wesleygomes]

@Mathues Battisti, Só uma sugestão, mostrar seu arquivo package.json nos seus vídeos para os iniciantes saber qual versão você esta programando.

[uosp.]

Muito bom Matheus, tenho aprendido muito com suas aulas, mas ainda tenho um pouco de dificuldade de entender algumas palavras que voce fala. Sua voz é anasalada e muitas vezes voce pronuncia as últimas palavras de uma frase com o som mais baixo e 'comendo' o final da palavra. Eu volto o vídeo e tento entender mas nem sempre é possível.

[dayadiaz]

Seria legal ter feito a integração com um banco de dados também

[PexuPixo]

O React está reclamando de eu usar o mesmo ícone de envio em dois componentes diferentes, esse erro não existia quando o vídeo foi gravado. Troquei o "FiSend" pelo "AiOutlineSend" no componente "Steps".

[jesusvick]

o meu Gr não deu certo! tive que ir com outro react-icons!

[franciscomenezes]

Cara que projeto útil para toda comunidade, e que didática parabéns Matheus!

[viniciuscastro]

Olá comunidade! Tudo certo? Vejam se conseguem me ajudar, por favor.

Em uma das partes do meu formulário multistep, possui um card com 'Select', 'Input Number', 'Input file'. Nesta mesma parte, eu posso adicionar até 4 cards deste. Alguém tem ideia de como posso criar um objeto dentro do objeto principal (tipo um 'nest')?

[fernaandok]

Eu virei teu fã kkkk ainda sou iniciante e ja fiz varios projetos com outras plataformas, depois que vi o primeiro teu, to fazendo todos kkkk Muito obrigado! Gratidão! Espero entrar na area com seus ensinos

[adrianopinto]

Excelente didática!! Obrigado Matheus!

[fernandonogueira]

1:01:16 - Lógica para controlar os dados do formulario

[devtocruz]

Bem legal essa estratégia de formulário, eu adicionaria um typescript pra facilitar a manutenção e um styled components pra melhorar a produtividade com os estilos dinâmicos. Mas bem legal a abordagem de form, nunca tinha feito um assim, vou fazer! :)

[fernaandok]

qual extensao voce usa para preencher a arrow function automaticamente?

[lauragiovanna]

tem esse mesmo projeto com typescript??

[lauragiovanna]

tem esse mesmo projeto om typescript??

[GabrielLima-osrr]

Alguem sabe que comando faz a linha passar disso:

<input type="text" id="nome" placeholder=" Digite o seu nome" required/>

para isso:

<input
type="text"
id="nome"
placeholder=" Digite o seu nome"
required
/>

?

[luiztiquejr]

Muito bom, pode fazer em angular também?

[PVlibras]

Preciso de um LIKE extra! Obrigado e parabéns pela aula incrível

[johnrsfc]

fala Matheus, e se eu quiser que o formulario seja enviado na primeira etapa e na segunda etapa tambem, porque isso? porque caso a maioria dos usuario em um formulario maior não preencher e acaba desistindo, então se na primeira etapa do form os dados seja enviado, assim da pra fazer o marketing e converte esse futo usuairo em um cliente.

alguém da um help kkk

[vitorguedes]

Muito Obrigado Matheus, os seus conteudos me ajudam bastante a desenvolver e evoluir.

[charlesmiranda]

Fala Matheus, rola fazer uma vídeo aula de react com typescript?