Pequeno exemplo em React JS de uma página de login.
- React JS: A JavaScript library for building user interfaces.
- Formik: Build forms in React, without the tears.
- Yup: Yup is a JavaScript schema builder for value parsing and validation.
- Styled Components: Utilising tagged template literals (a recent addition to JavaScript) and the power of CSS, styled-components allows you to write actual CSS code to style your components.
Primeiramente faça download/clone do projeto. Depois disso, na pasta do projeto, execulte os seguintes comandos:
#~/login-page-exemple$
npm install # instalando as dependências do projeto
npm start # iniciando o servidor
Se tudo tiver corrido bem, acesse: http://localhost:3000/.