WorksheetsAULA 03 - Navegação, Formulário e Estilização
Total questions: 15
Worksheet time: 16mins
Qual é a principal vantagem do React Hook Form ao lidar com inputs de formulários?
Estilização automática
Evita a necessidade de múltiplos estados para cada input
Permite usar localStorage
Substitui o Redux
Qual comando é usado para instalar o React Hook Form?
npm install react-form-hook
npm install @react-form
npm install react-hook-form
yarn add form-react-hook
Qual hook é utilizado para inicializar o React Hook Form?
useInput()
useForm()
useStateForm()
useHookForm()
Qual componente do React Hook Form permite controlar inputs personalizados?
FormControl
FormHandler
Controller
InputManager
No useForm, qual propriedade define os valores iniciais?
defaultValues
initialValues
values
setDefaults
O que acontece se um input não atende aos critérios de validação?
O formulário é enviado com valores nulos
Um alerta do navegador é exibido
O formulário não é enviado
Nada acontece
O que o método useParams() do React Router faz?
Define rotas protegidas
Cria rotas aninhadas
Recupera parâmetros da URL
Remove parâmetros da URL
O que representa o uso de dois pontos em uma rota como :id?
Um valor opcional
Um nome de componente
Um parâmetro da URL
Um parâmetro da URL
Qual hook é usado para obter parâmetros de busca da URL (query string)?
useParams()
useSearch()
useQueryParams()
useSearchParams()
O que acontece quando usamos handleSubmit(onSubmit) no formulário?
Nada
A função onSubmit é ignorada
Os dados do formulário são coletados e enviados à função onSubmit
Um alerta é exibido
Qual a principal vantagem de usar o React Router?
Gerenciamento de formulários
Renderizar componentes dinamicamente
Navegação entre páginas em SPA
Comunicação com APIs
Qual a função da classe "flex" no Tailwind CSS?
oculta o elemento
redimensiona o elemento
Define o display para flex
centraliza o texto
O que faz a classe md: no Tailwind?
Aplica estilos em telas médias ou maiores.
Aplica estilos apenas em telas pequenas.
Aplica estilos em todas as telas.
Aplica estilos em telas grandes.
Como você aplica um fundo vermelho apenas em telas médias ou maiores usando Tailwind?
bg-red-500
md:bg-red-500
sm:bg-red-500
lg:bg-red-500
Qual das opções abaixo mostra como aplicar uma cor de fundo diferente para cada tamanho de tela usando Tailwind?
bg-red-500 bg-blue-500 bg-green-500
sm:bg-red-500 md:bg-blue-500 lg:bg-green-500
color: red; color: blue; color: green;
fundo-vermelho fundo-azul fundo-verde
