WorksheetsRevisão Tópicos - 25.2
Total questions: 13
Worksheet time: 7mins
Em um sistema de pedidos, o componente Produto recebe do componente App o nome e o preço do item.
Qual é a função das props nesse contexto?
Armazenar dados que mudam automaticamente
Permitir que um componente receba dados de outro
Criar eventos de clique
Alterar diretamente o estado interno
Considere o código:
<button onClick={salvar}>Salvar</button>
O que acontece quando o usuário clica nesse botão?
O botão muda de cor
A página é recarregada
A função salvar é executada
O estado é apagado
O trecho abaixo foi criado em um componente:
const [total, setTotal] = useState(0);
Para que ele serve?
Criar uma variável que pode mudar e atualizar a tela
Definir uma constante fixa
Criar um evento automático
Criar uma rota de navegação
Analise o código:
{logado ? <p>Bem-vindo!</p> : <p>Faça login para continuar</p>}
O que ele faz?
Exibe sempre as duas mensagens ao mesmo tempo
Exibe “Bem-vindo!” somente se logado for true, senão exibe “Faça login para continuar”
Remove o componente da tela
Converte o texto em botão automaticamente
O componente Formulario precisa enviar um valor digitado para o componente Lista.
Como isso é feito corretamente no React?
Usando props
Usando classes CSS
Criando variáveis globais
Manipulando o DOM diretamente
Qual é a principal função do componente App em uma aplicação React?
Criar o banco de dados
Substituir o JavaScript
Organizar e renderizar os demais componentes
Criar apenas estilos da aplicação
Por que dividir uma aplicação React em vários componentes menores é uma boa prática?
Para dificultar a leitura do código
Para eliminar o uso de props
Para evitar o uso de estado
Para melhorar organização, reutilização e manutenção
Por que não é correto alterar o estado diretamente com estado = novoValor no React?
Porque o React não permite JavaScript
Porque o React precisa controlar a atualização para re-renderizar a tela
Porque isso apaga os componentes
Porque só eventos podem alterar valores
Uma API possui duas versões ativas: /v1/clientes e /v2/clientes. A versão antiga ainda é utilizada por alguns sistemas.
Por que essa estratégia de versionamento é importante?
Para impedir que usuários antigos acessem a API
Para aumentar a velocidade das requisições
Para permitir evolução da API sem quebrar sistemas que dependem da versão antiga
Para eliminar a necessidade de autenticação
Em uma aplicação web, o sistema gera um JWT após o login do usuário.
Qual é o principal objetivo do uso do JWT?
Criptografar o banco de dados automaticamente
Armazenar senhas de forma permanente no navegador
Permitir autenticação segura entre cliente e servidor
Substituir totalmente o uso de APIs REST
Um JWT é formado por três partes separadas por ponto (.), por exemplo:
header.payload.signature
Qual é a função principal da parte signature?
Garantir a integridade e a autenticidade do token
Armazenar os dados do usuário
Definir o tipo do token e o algoritmo
Armazenar a senha do usuário de forma criptografada
Em uma aplicação React, o Axios é frequentemente utilizado para consumir APIs REST.
Qual é a principal finalidade do Axios nesse contexto?
Criar componentes automaticamente
Fazer requisições HTTP para o backend
Gerenciar rotas da aplicação
Controlar o estado dos componentes
Quando o Axios no Frontend (React) realiza uma requisição HTTP para o Backend (Spring) construído em sala, qual camada do backend é acionada primeiro para receber essa requisição?
Repository
Service
Controller
Banco de Dados
