# Fondamentaux React (React Native)

> JSX, composants, props, state, événements, rendu conditionnel, listes & keys

- 20 questions d'entretien
- Junior
- [Questions d'entretien: React Native](https://sharpskill.dev/fr/technologies/react-native/questions-entretien.md)

## 1. Qu'est-ce que JSX dans React ?

**Réponse**

JSX est une extension syntaxique de JavaScript qui permet d'écrire du code ressemblant à du HTML directement dans JavaScript. Il est transpilé en appels de fonctions React.createElement() par des outils comme Babel. JSX rend le code plus lisible et facilite la création d'interfaces utilisateur en combinant la logique et le rendu dans un même fichier.

## 2. Comment inclure une expression JavaScript dans du JSX ?

**Réponse**

Les expressions JavaScript sont incluses dans du JSX en les entourant d'accolades simples. Par exemple, pour afficher une variable name, on écrit {name}. Cette syntaxe permet d'injecter des valeurs dynamiques, d'appeler des fonctions ou d'évaluer des expressions directement dans le rendu du composant.

## 3. Quelle est la différence principale entre un composant fonctionnel et un composant classe en React ?

**Réponse**

Un composant fonctionnel est une simple fonction JavaScript qui retourne du JSX, tandis qu'un composant classe étend React.Component et utilise une méthode render(). Depuis l'introduction des Hooks en React 16.8, les composants fonctionnels peuvent gérer le state et les effets de bord, rendant les composants classe moins nécessaires dans les projets modernes.

## 17 questions supplémentaires disponibles

- Qu'est-ce qu'une prop en React ?
- Qu'est-ce que le state en React et comment diffère-t-il des props ?

S'inscrire gratuitement: https://sharpskill.dev/fr/login

## Autres sujets d'entretien React Native

- [Les bases de JavaScript](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/javascript-essentials.md): 25 questions, Junior
- [Bases de React Native](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/react-native-basics.md): 22 questions, Junior
- [React Hooks](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/react-hooks.md): 20 questions, Junior
- [TypeScript pour React & React Native](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/typescript-for-react-native.md): 22 questions, Junior
- [Composants & API React Native](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-components-api.md): 20 questions, Junior
- [Styling & Layout React Native](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-styling-layout.md): 18 questions, Junior
- [Navigation React Native](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-navigation.md): 22 questions, Confirmé
- [State Management React Native](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-state-management.md): 24 questions, Confirmé
- [Networking & API React Native](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-networking-api.md): 20 questions, Confirmé
- [Persistance des données](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-data-persistence.md): 20 questions, Confirmé
- [Forms & Validation](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-forms-validation.md): 18 questions, Confirmé
- [Animations React Native](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-animations.md): 22 questions, Confirmé
- [Native Modules & Bridge](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-native-modules.md): 20 questions, Confirmé
- [Code spécifique aux plateformes](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-platform-specific-code.md): 18 questions, Confirmé
- [Permissions & Device APIs](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-permissions-apis.md): 20 questions, Confirmé
- [Push Notifications](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-push-notifications.md): 18 questions, Confirmé
- [Testing React Native](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-testing.md): 20 questions, Confirmé
- [Debugging React Native](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-debugging.md): 18 questions, Confirmé
- [Build & Deployment](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-build-deployment.md): 20 questions, Confirmé
- [Expo vs React Native Bare](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/expo-vs-bare-rn.md): 18 questions, Confirmé
- [Performance Optimization](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-performance-optimization.md): 24 questions, Senior
- [Memory Management](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-memory-management.md): 20 questions, Senior
- [Architecture Patterns](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-architecture-patterns.md): 22 questions, Senior
- [New Architecture React Native](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-new-architecture.md): 24 questions, Senior
- [Security Best Practices](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-security-best-practices.md): 20 questions, Senior
- [Offline-First Architecture](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-offline-first.md): 20 questions, Senior
- [CI/CD React Native](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-ci-cd.md): 20 questions, Senior
- [Monorepo & Code Sharing](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-monorepo-architecture.md): 18 questions, Senior
- [Advanced Topics](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-advanced-topics.md): 22 questions, Senior
- [App Lifecycle & Background Execution](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-app-lifecycle-background.md): 20 questions, Confirmé
- [Authentication & Session Management](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-auth-session-management.md): 22 questions, Confirmé
- [Monitoring & Crash Reporting](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-monitoring-crash-reporting.md): 20 questions, Senior

---

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