Flashcards
Untitled
Cards in this deck (12)
- 1O que é React?o Biblioteca JavaScript.
o Desenvolvida pelo Facebook.
o Popularmente usada no desenvolvimento de UIs.
o Amplamente usada para criar SPAs - 2Quais as principais características?o Baseada em componentes
• Cada um pode ter sua própria lógica e renderização.
o Declarativa
• Foco no o que fazer e não no como fazer (imperativa).
• Descreve-se o que deve ser exibido, React cuida da atualização de
interface com base nas mudanças (estado, dados).
o Foco apenas na camada de visualização
• Só se preocupa com a UI. - 3O que é o JSX?o Extensão de sintaxe do JavaScript.
o Permite escrever elementos HTML em um arquivo JavaScript.
o É uma maneira mais fácil e intuitiva de definir o que será exibido na
interface de usuário.
o O JSX é convertido em chamadas de funções JS que criam os elementos
do Virtual DOM. - 4O que é o DOM Virtual?o Document Object Model Virtual
o DOM: representação em árvore de uma página web.
o Sempre que o conteúdo de uma página muda, o navegador precisa
atualizar o DOM.
o O método de renderização otimizada usando o DOM Virtual torna o React
mais eficiente.
• Evita re-renderizações desnecessárias. - 5Como funciona o DOM Virtual?Funcionamento:
o React mantém uma versão em memória do DOM real (o DOM Virtual).
o Quando o estado de um componente muda, o React atualiza o DOM
Virtual.
o Ele compara essa nova versão com a anterior.
o Apenas as partes que mudaram são atualizadas no DOM real. - 6O que são componentes?o São blocos de construção da interface do usuário.
o Cada componente representa uma parte isolada da interface.
o Podem ser reutilizados e combinados com outros componentes.
o Podem ser funcionais ou de classe. - 7O que são componentes funcionais?o Definidos como funções JavaScript que recebem propriedades (props)
como argumento.
o Retornam elementos JSX que serão renderizados na tela.
o São mais fáceis e simples de entender.
o Após a introdução de hooks, podem gerenciar estados e ciclo de vida. - 8O que são componentes de classe?o Antes da introdução dos hooks (React 16.8), componentes de classe eram
a única forma de lidar com estado e métodos de ciclo de vida no React.
o Precisa do método obrigatório render(), que retorna o JSX que será
exibido na tela.
o Pode componente de classe precisa herdar de React.Component, que é
a classe base no React para criação de componentes. - 9O que são props?o São uma forma de passar dados de um componente pai para um
componente filho.
Características:
o Imutabilidade:
• filhos não podem alterar suas próprias props – fluxo de dado
unidirecional (pai → filho)
o Tipo de dados:
• Qualquer (strings, números, funções, objetos, arrays, componentes)
o Passagem de dados:
• São passadas como atributos em JSX.
o As props são passadas no momentos em que um componente é utilizado. - 10O que são estado(state)?o Estrutura que permite que um componente mantenha e gerencie dados
que podem mudar ao longo do tempo.
o Quando o estado de um componente muda, o React re-renderiza esse
componente e seus filhos automaticamente. - 11Quais as características do estado(state)?Características
o Mutável:
• Permite que o componente reaja a interações do usuários (cliques,
entradas em campos de formulário).
o Local:
• O estado é específico para o componente em que foi definido.
• Não pode acessar o estado de outro componente diretamente.
o Controlado pelo componente:
• Permite que o componente controle como e quando ele deve ser
atualizado.
o O estado é gerenciado usando o hook useState. - 12O que são pacotes e dependências?o Pacotes são coleções de código reutilizáveis
o Podem ser instalados para adicionar funcionalidades a um projeto.
o Dois gerenciadores muito usados para instalar, atualizar e
gerenciar bibliotecas e frameworks JavaScript no ambiente Node.js são
o npm e o yarn.
Information
- Description
- Flashcards on Untitled, created by Eike Lennie on 18/10/2024.
- Created by
- Eike Lennie
- Views
- 1
- Rating