Fondamentaux React
JSX, composants, props, state, événements, rendu conditionnel, listes & keys
1Qu'est-ce que JSX dans React ?
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.
2Comment inclure une expression JavaScript dans du JSX ?
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.
3Quelle est la différence principale entre un composant fonctionnel et un composant classe en React ?
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.
Qu'est-ce qu'une prop en React ?
Qu'est-ce que le state en React et comment diffère-t-il des props ?
+17 questions d'entretien
Autres sujets d'entretien React Native
Les bases de JavaScript
Bases de React Native
React Hooks
TypeScript pour React & React Native
Composants & API React Native
Styling & Layout React Native
Navigation React Native
State Management React Native
Networking & API React Native
Persistance des données
Forms & Validation
Animations React Native
Native Modules & Bridge
Code spécifique aux plateformes
Permissions & Device APIs
Push Notifications
Testing React Native
Debugging React Native
Build & Deployment
Expo vs React Native Bare
Performance Optimization
Memory Management
Architecture Patterns
New Architecture React Native
Security Best Practices
Offline-First Architecture
CI/CD React Native
Monorepo & Code Sharing
Advanced Topics
App Lifecycle & Background Execution
Authentication & Session Management
Monitoring & Crash Reporting
Maîtrise React Native pour ton prochain entretien
Accède à toutes les questions, flashcards, tests techniques, exercices de code review et simulateurs d'entretien.
Commencer gratuitement