## Tarefa
Neste desafio, será criado um componente `Form` com dois campos de entrada: `email` e `password`. O objetivo é utilizar o hook `useRef` para referenciar os elementos de entrada e gerenciar a lógica de envio do formulário.

## Instruções
1. Importe o hook `useRef` da biblioteca `react`.
2. Dentro do componente `Form`, declare duas variáveis com `useRef`: `emailRef` e `passwordRef`, inicializadas com `null`.
3. Redefina os campos de entrada atribuindo uma string vazia aos seus valores utilizando as variáveis criadas com `useRef`.

1. Para importar o hook necessário da biblioteca React, inclua uma declaração `import`.
2. Para esta tarefa, será utilizado o hook `useRef` para armazenar dados sem afetar o markup.
3. Para determinar o nome apropriado da variável ref, escolha uma palavra associada à referência e adicione "Ref" ao final.
4. Para inicializar a ref com `null`, passe `null` como valor inicial nos colchetes do hook `useRef` (por exemplo, `useRef(null)`).
5. Para redefinir o campo do formulário, utilize a variável ref correspondente e atribua ao seu `.current.value` uma string vazia (`""`).

Aprenda a construir interfaces de usuário dinâmicas e interativas com React. Compreenda conceitos fundamentais como JSX, o DOM virtual e a arquitetura reutilizável baseada em componentes. Aplique técnicas de estilização utilizando estilos inline, CSS externo e módulos CSS para um design escalável. Gerencie estado e efeitos colaterais de forma eficiente com React Hooks e compartilhe dados entre componentes usando Context.

Compreenda os princípios fundamentais do React. Você aprenderá sobre JSX (JavaScript XML), construção de componentes de UI reutilizáveis e renderização de elementos. Além disso, explorará a importância da coleta de dados e da renderização condicional em aplicações React. Ao final desta seção, você terá uma base sólida dos conceitos essenciais do React, preparando-se para os tópicos mais avançados abordados nas próximas seções.

Explore os diversos métodos de adicionar estilos às aplicações React. Você aprenderá a aplicar estilos a componentes individuais, utilizar estilos dinâmicos e manter uma abordagem de estilização escalável e sustentável em seus projetos.

Recursos avançados no desenvolvimento moderno com React. Hooks revolucionam a escrita de componentes funcionais, oferecendo uma maneira concisa e intuitiva de gerenciar estado e executar efeitos colaterais. Por outro lado, Context permite compartilhar dados pela árvore de componentes sem a necessidade de prop drilling. A combinação de Hooks e Context possibilita um gerenciamento de estado eficiente e compartilhamento de dados simplificado em aplicações React.

Guia passo a passo sobre como iniciar um projeto React do mundo real. Desde a configuração do ambiente de desenvolvimento até a compreensão da organização do projeto e ferramentas essenciais, você adquirirá o conhecimento e a confiança necessários para iniciar sua jornada com React.

Desafio: Construir um Componente de Formulário Controlado

Tarefa

Instruções

Awesome!

Desafio: Construir um Componente de Formulário Controlado

Tarefa

Instruções