Quiz 01 - Introdução

1. Qual a principal característica de uma Single Page Application (SPA)?

O servidor recarrega a página inteira a cada clique do usuário.

O conteúdo é atualizado dinamicamente via JavaScript sem recarregar a página.

Ela só funciona se o usuário tiver o Node.js instalado no navegador.

É uma aplicação que possui apenas uma única linha de código. *Explicação: Em uma SPA, o JavaScript intercepta as navegações e atualiza o DOM dinamicamente, evitando o "piscar" do recarregamento total da página.*

2. O que significa a sigla JSX utilizada no React?

Java Syntax eXtension.

JavaScript XML.

JSON Service eXchange.

JavaScript eXtended. *Explicação: JSX é uma extensão de sintaxe para o JavaScript que permite escrever estruturas que se parecem com HTML dentro do código JS.*

3. Qual ferramenta é utilizada para gerenciar as bibliotecas e dependências em um projeto React?

Vite.

Virtual DOM.

NPM ou Yarn.

Chrome DevTools. *Explicação: NPM (Node Package Manager) e Yarn são os gerenciadores de pacotes padrão do ecossistema Node.js/React.*

4. Qual o comando correto para criar um projeto React usando Vite?

`npm create vite@latest`

`npm install react`

`vite start project`

`create-react-app my-app` *Explicação: O Vite recomenda o uso do comando `create vite@latest` seguido das opções de template.*

5. O que é o Virtual DOM no React?

É o código HTML que vemos ao inspecionar a página.

Uma representação leve do DOM real mantida em memória pelo React.

Um navegador virtual para testes de performance.

O servidor onde a aplicação fica hospedada. *Explicação: O Virtual DOM permite ao React comparar mudanças e atualizar o DOM real de forma otimizada (Diffing algorithm).*

6. Qual destes é um benefício da "Componentização"?

Deixa o código mais difícil de ler.

Impede que o CSS seja aplicado.

Facilita a reutilização de código e a manutenção da interface.

Aumenta o tempo de carregamento da página. *Explicação: Componentes permitem isolar lógica e estilo, facilitando a reutilização em diferentes partes da aplicação.*

7. Para que serve o comando `npm install` (ou apenas `npm i`) em um projeto recém-criado?

Para iniciar o servidor de desenvolvimento.

Para baixar e instalar as pastas `node_modules` com as dependências do `package.json`.

Para publicar o site na internet.

Para apagar o código antigo do projeto. *Explicação: Esse comando lê as dependências listadas no `package.json` e as instala localmente.*

8. O que acontece quando você salva um arquivo em um projeto rodando com Vite?

O computador reinicia.

Você precisa rodar `npm install` novamente.

O navegador atualiza apenas o módulo alterado via HMR.

O projeto é deletado automaticamente. *Explicação: O Hot Module Replacement (HMR) do Vite permite atualizações instantâneas durante o desenvolvimento.*

9. O React é considerado:

Um Sistema Operacional.

Uma Biblioteca para construção de interfaces de usuário.

Uma Linguagem de Programação nova.

Um Banco de Dados. *Explicação: O React é oficialmente definido como uma biblioteca JavaScript para criar interfaces de usuário baseadas em componentes.*

10. Qual a versão do Node.js geralmente recomendada para produção e estudos?

Versão Alpha.

Versão Beta.

Versão LTS (Long Term Support).

Última versão experimental. *Explicação: Versões LTS são mais estáveis e possuem suporte garantido por mais tempo.*