#52 - Capturando os valores dos inputs com React Hock Form | MERN STACK

#52 - Capturando os valores dos inputs com React Hock Form | MERN STACK

Desenvolvimento de Projeto Frontend: Foco em Funcionalidade

In this section, the speaker emphasizes the importance of prioritizing functionality over design in frontend development projects.

Prioritizing Functionality Over Design

  • Emphasizes focusing on functionality before improving design in frontend projects.
  • Recommends concentrating on functionality for study purposes and later enhancing design.
  • Encourages engagement through likes, comments, and participation in a Discord community for support and learning.
  • Highlights the importance of engaging with content, subscribing, and sharing to support the creator.

Adição de Funcionalidades ao Projeto

This part covers adding functionalities to the project after finalizing the layout.

Adding Functionality

  • Introduces the need to add functionality to the project after completing the layout.
  • Explains working with React Hook Form for different forms within a single component.
  • Discusses importing necessary components for form configurations.

Configuração de Formulários no Projeto

The focus is on setting up form configurations within the project.

Setting Up Form Configurations

  • Demonstrates setting up two form configurations within the same project using unique identifiers.

New Section

In this section, the speaker discusses various issues encountered while working on a project and outlines the steps needed to address them effectively.

Troubleshooting Project Issues

  • The speaker emphasizes the importance of receiving specific objects containing email and password details when registering users.
  • Challenges are highlighted, including not sending data anywhere, leading to login failures. Additionally, issues with user fields such as name, username, email, password, avatar, and background are mentioned.
  • It is noted that only email and password details are being captured instead of a comprehensive set of user information required for proper user interface practices.
  • The speaker discusses the need for automatic generation of certain user data elements like username and avatar during registration to streamline the process.
  • Lack of data validation is identified as a critical issue that needs to be addressed to prevent errors when incomplete information is submitted during registration.

Conclusion

Video description

Agora que o layout está pronto, precisamos pegar os valores de cada input, para depois validar e enviar para o backend! Links úteis: Servidor do Discord: https://discord.gg/TshJMYH47u Se conecte comigo: https://www.thicode.com.br/links Repositório do front-end: https://github.com/codethi/spa-breakingnews-new Repositório do back-end: https://github.com/codethi/api-breakingnews Seja membro deste canal e me apoie para criar cada vez mais conteúdo de qualidade! https://www.youtube.com/channel/UCnATHGHftSGHbhn6uF8dEUA/join