Quiz – Aula 05: Estilização Moderna 🧠

1. Qual a principal vantagem do CSS Modules?

Deixa o site mais rápido.

Evita conflitos de nomes de classes ao gerar nomes únicos automaticamente.

Transforma o CSS em JavaScript automaticamente.

Não permite o uso de cores.

2. No Styled Components, como passamos uma prop para mudar a cor de um componente?

Usando a tag `<style>`.

Através de interpolação de funções dentro de crases: `${props => props.cor}`.

Não é possível passar props para o CSS.

Editando o arquivo `index.html`.

3. O que acontece se você importar um arquivo `.css` normal em dois componentes diferentes?

As classes ficam restritas a cada componente.

Pode haver conflito se as classes tiverem o mesmo nome (cascata global).

O React proíbe essa ação.

O computador trava.

4. Qual o comando para instalar o Styled Components?

`npm install styled-components`

`npm add css-in-js`

`react-styled install`

`npm start styled`

5. O que os arquivos `.module.css` fazem com as classes no navegador?

Elas permanecem iguais.

Elas ganham um sufixo aleatório (ex: `btn_a1b2c3`).

Elas são deletadas.

Elas viram imagens.