O documento apresenta dois frameworks populares para formulários em React: Redux Form e Formik. Redux Form gerencia o estado do formulário usando Redux e validação síncrona/assíncrona, mas o código é verboso e Redux pode ser complexo. Formik usa uma abordagem de render props, validação com bibliotecas de terceiros e não requer Redux, tornando o código mais simples. O documento fornece recursos adicionais sobre os frameworks.

1. React Forms
Um overview sobre os frameworks react
para formulários

2. Sobre:
Analista de sistemas
Desenvolvedor frontend na GreenMile
t: adalto_junior
f: adaltojunior86
in: adaltojunior
g: adaltojunior86

3. Motivação
Um simples form precisa de três ações:
 Gerenciar o estado
 Validação e mensagens de erro
 Manipular o envio do formulário

4. Exemplo de um ‘vanilla’ form

9. Se um simples
form é assim,
imagina um mais
complexo!!!

10. E agora quem poderá nos ajudar?

11. React form frameworks

12. Redux Form

13. Gerenciamento do estado usando redux
High order component (HOC)
Validação sincrona e assíncrona

14. Código verboso
Redux is to much complicated

15. O que é HOC?

16. É apenas uma função
que pega um
componente existente
e retorna um outro
componente

17. Show me the code!!!

20. Formik

21. Render props approach
Validação usando lib de terceiros (Yup)
You don’t need redux  (Glória a Deuxxx)

22. Show me the code!!!

25. • https://reactjs.org/
• https://redux-form.com/7.4.2/
• https://jaredpalmer.com/formik/docs/overview
• https://material-ui.com/
• https://medium.freecodecamp.org/higher-
order-components-the-ultimate-guide-
b453a68bb851
• https://github.com/adaltojunior86/react-forms-
sample
Resources