# Fundamentos de React (React Native)

> JSX, componentes, props, state, eventos, renderizado condicional, listas y keys

- 20 preguntas de entrevista
- Junior
- [Preguntas de entrevista: React Native](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista.md)

## 1. ¿Qué es JSX en React?

**Respuesta**

JSX es una extensión sintáctica de JavaScript que permite escribir código similar a HTML directamente dentro de JavaScript. Es transpilado a llamadas a la función React.createElement() por herramientas como Babel. JSX hace que el código sea más legible y facilita la creación de interfaces de usuario al combinar la lógica y el renderizado en el mismo archivo.

## 2. ¿Cómo incluir una expresión JavaScript en JSX?

**Respuesta**

Las expresiones JavaScript se incluyen en JSX envolviéndolas con llaves simples. Por ejemplo, para mostrar una variable name, se escribe {name}. Esta sintaxis permite inyectar valores dinámicos, llamar funciones o evaluar expresiones directamente en el renderizado del componente.

## 3. ¿Cuál es la diferencia principal entre un componente funcional y un componente de clase en React?

**Respuesta**

Un componente funcional es una simple función de JavaScript que devuelve JSX, mientras que un componente de clase extiende React.Component y usa un método render(). Desde la introducción de los Hooks en React 16.8, los componentes funcionales pueden manejar el state y los efectos secundarios, lo que hace que los componentes de clase sean menos necesarios en los proyectos modernos.

## 17 preguntas más disponibles

- ¿Qué es una prop en React?
- ¿Qué es el state en React y en qué se diferencia de las props?

Regístrate gratis: https://sharpskill.dev/es/login

## Otros temas de entrevista React Native

- [Fundamentos de JavaScript](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/javascript-essentials.md): 25 preguntas, Junior
- [Fundamentos de React Native](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/react-native-basics.md): 22 preguntas, Junior
- [React Hooks](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/react-hooks.md): 20 preguntas, Junior
- [TypeScript para React y React Native](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/typescript-for-react-native.md): 22 preguntas, Junior
- [Componentes y API de React Native](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/rn-components-api.md): 20 preguntas, Junior
- [Estilos y Layout en React Native](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/rn-styling-layout.md): 18 preguntas, Junior
- [Navegación en React Native](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/rn-navigation.md): 22 preguntas, Mid-Level
- [Gestión de Estado en React Native](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/rn-state-management.md): 24 preguntas, Mid-Level
- [Networking y API en React Native](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/rn-networking-api.md): 20 preguntas, Mid-Level
- [Persistencia de datos](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/rn-data-persistence.md): 20 preguntas, Mid-Level
- [Formularios y validación](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/rn-forms-validation.md): 18 preguntas, Mid-Level
- [Animaciones de React Native](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/rn-animations.md): 22 preguntas, Mid-Level
- [Native Modules & Bridge](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/rn-native-modules.md): 20 preguntas, Mid-Level
- [Código específico de plataforma](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/rn-platform-specific-code.md): 18 preguntas, Mid-Level
- [Permisos y APIs de dispositivo](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/rn-permissions-apis.md): 20 preguntas, Mid-Level
- [Push Notifications](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/rn-push-notifications.md): 18 preguntas, Mid-Level
- [Testing en React Native](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/rn-testing.md): 20 preguntas, Mid-Level
- [Debugging de React Native](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/rn-debugging.md): 18 preguntas, Mid-Level
- [Build & Deployment](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/rn-build-deployment.md): 20 preguntas, Mid-Level
- [Expo vs React Native Bare](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/expo-vs-bare-rn.md): 18 preguntas, Mid-Level
- [Optimización del rendimiento](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/rn-performance-optimization.md): 24 preguntas, Senior
- [Gestión de memoria](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/rn-memory-management.md): 20 preguntas, Senior
- [Architecture Patterns](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/rn-architecture-patterns.md): 22 preguntas, Senior
- [New Architecture de React Native](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/rn-new-architecture.md): 24 preguntas, Senior
- [Mejores Prácticas de Seguridad](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/rn-security-best-practices.md): 20 preguntas, Senior
- [Offline-First Architecture](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/rn-offline-first.md): 20 preguntas, Senior
- [CI/CD React Native](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/rn-ci-cd.md): 20 preguntas, Senior
- [Monorepo y compartición de código](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/rn-monorepo-architecture.md): 18 preguntas, Senior
- [Temas avanzados](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/rn-advanced-topics.md): 22 preguntas, Senior
- [Ciclo de vida de la app y ejecución en segundo plano](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/rn-app-lifecycle-background.md): 20 preguntas, Mid-Level
- [Autenticación y gestión de sesiones](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/rn-auth-session-management.md): 22 preguntas, Mid-Level
- [Monitoring & Crash Reporting](https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/rn-monitoring-crash-reporting.md): 20 preguntas, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/es/technologies/react-native/preguntas-entrevista/react-fundamentals