Fundamentos de React
JSX, components, props, state, eventos, renderizado condicional, listas y keys
1¿Qué es JSX en React?
¿Qué es JSX en React?
Respuesta
JSX es una extensión de sintaxis de JavaScript que permite escribir markup similar a HTML directamente en código JavaScript. Es transformado en llamadas a la función React.createElement por Babel durante la compilación. Usar JSX hace el código más legible y permite detectar errores en tiempo de compilación a través del tipado, combinando el poder de JavaScript con una sintaxis familiar.
2¿Cuál es la sintaxis correcta para usar una expresión JavaScript en JSX?
¿Cuál es la sintaxis correcta para usar una expresión JavaScript en JSX?
Respuesta
Las llaves simples permiten integrar cualquier expresión JavaScript válida en JSX, como variables, funciones o cálculos. Esta sintaxis crea una delimitación clara entre el markup JSX y el código JavaScript dinámico. Las llaves dobles se usan para objetos de estilo inline, los paréntesis para agrupar JSX multilínea y los corchetes para arrays de JavaScript.
3¿Cuál es la diferencia principal entre className en JSX y class en HTML?
¿Cuál es la diferencia principal entre className en JSX y class en HTML?
Respuesta
JSX usa className en lugar de class porque class es una palabra reservada en JavaScript para declarar clases ES6. Como JSX se transforma en JavaScript, usar class crearía un conflicto de sintaxis. De manera similar, for se convierte en htmlFor y los eventos usan camelCase. Esta convención permite que JSX siga siendo JavaScript válido mientras ofrece una sintaxis similar a HTML.
¿Cómo escribir un comentario en código JSX?
¿Qué es un functional component en React?
+17 preguntas de entrevista
Otros temas de entrevista React / Next.js
Fundamentos de JavaScript
React Hooks
Ciclo de vida de los componentes
React Router
Gestión de estado con Context
Formularios y Controlled Components
Obtención de datos y API
React Query (TanStack Query)
Styling & CSS-in-JS
Fundamentos de Next.js
TypeScript con React
Data Fetching en Next.js
Server Actions de Next.js
Routing y Navegación en Next.js
API Routes de Next.js
Metadata & SEO en Next.js
Middleware y Auth en Next.js
Testing en React
Zustand State Management
Optimización de Rendimiento en React
Error Boundaries & Error Handling
Advanced React Patterns
Características avanzadas de Next.js
Despliegue y Producción de Next.js
Architecture & Design Patterns
React Server Components
Internacionalización de Next.js
React Security & Buenas Prácticas
Domina React / Next.js para tu próxima entrevista
Accede a todas las preguntas, flashcards, tests técnicos, ejercicios de code review y simuladores de entrevista.
Empieza gratis