Fundamentos do React
JSX, components, props, state, eventos, renderização condicional, listas e keys
1O que é JSX no React?
O que é JSX no React?
Resposta
JSX é uma extensão de sintaxe do JavaScript que permite escrever markup semelhante a HTML diretamente no código JavaScript. Ele é transformado em chamadas da função React.createElement pelo Babel durante a compilação. Usar JSX torna o código mais legível e permite a detecção de erros em tempo de compilação através da tipagem, combinando o poder do JavaScript com uma sintaxe familiar.
2Qual é a sintaxe correta para usar uma expressão JavaScript em JSX?
Qual é a sintaxe correta para usar uma expressão JavaScript em JSX?
Resposta
As chaves simples permitem integrar qualquer expressão JavaScript válida no JSX, como variáveis, funções ou cálculos. Essa sintaxe cria uma delimitação clara entre o markup JSX e o código JavaScript dinâmico. As chaves duplas são usadas para objetos de estilo inline, os parênteses para agrupar JSX multilinha e os colchetes para arrays JavaScript.
3Qual é a principal diferença entre className no JSX e class no HTML?
Qual é a principal diferença entre className no JSX e class no HTML?
Resposta
JSX usa className em vez de class porque class é uma palavra reservada em JavaScript para declarar classes ES6. Como JSX é transformado em JavaScript, usar class criaria um conflito de sintaxe. Da mesma forma, for se torna htmlFor e os eventos usam camelCase. Essa convenção permite que JSX permaneça como JavaScript válido enquanto oferece uma sintaxe semelhante ao HTML.
Como escrever um comentário em código JSX?
O que é um functional component no React?
+17 perguntas de entrevista
Outros temas de entrevista React / Next.js
Fundamentos de JavaScript
React Hooks
Ciclo de vida dos componentes
React Router
Gerenciamento de estado com Context
Formulários e Controlled Components
Busca de dados e API
React Query (TanStack Query)
Styling & CSS-in-JS
Fundamentos do Next.js
TypeScript com React
Data Fetching no Next.js
Server Actions do Next.js
Roteamento e Navegação no Next.js
API Routes do Next.js
Metadata & SEO no Next.js
Middleware e Auth no Next.js
Testes em React
Zustand State Management
Otimização de Performance React
Error Boundaries & Error Handling
Advanced React Patterns
Recursos avançados do Next.js
Deploy e Produção com Next.js
Architecture & Design Patterns
React Server Components
Internacionalização do Next.js
React Security & Boas Práticas
Domine React / Next.js para sua proxima entrevista
Acesse todas as perguntas, flashcards, testes tecnicos, exercicios de code review e simuladores de entrevista.
Comece gratis