Quiz 1 — Fondamentaux & UI (P1-P5)

RN projette les composants en widgets natifs réels (TextView…) ; l’hybride affiche une page web dans une WebView. Pas de DOM ni de navigateur dans RN.

JSI (appels JS↔natif directs en C++), Fabric (le renderer arbre React → widgets), TurboModules (APIs natives lazy). Hermes exécute le JS en bytecode.

Il est séparé du binaire natif : remplaçable sans réinstallation — EAS Update livre un nouveau bundle, le conteneur ne bouge pas.

Expo est le framework officiel recommandé au-dessus de RN (comme Next.js sur React) — le choix réel est « RN via Expo ou RN sans framework » (ce dernier : cas d’intégration rares).

Il choisit la version compatible avec le SDK Expo du projet — vital pour les libs natives (versions couplées). pnpm add reste OK pour le JS pur.

Expo Go est une app déjà compilée contenant SEULEMENT les modules du SDK : aucun module natif tiers, pas votre icône/scheme. Le dev build est VOTRE conteneur.

Texte nu dans une View, et le {count && …} où count vaut 0 (l’expression rend « 0 »). Toujours un booléen à gauche du &&.

Le require est résolu au build (Metro lit les dimensions) ; l’URI n’est connue qu’au chargement → aucun espace réservé par défaut.

Chaque item = de vrais widgets natifs : tout rendre d’un coup (map) fige et sature la mémoire. FlatList ne crée que le visible et recycle.

Clavier ouvert, le premier tap sur un élément de liste ne faisait QUE fermer le clavier — avec handled, l’élément reçoit son tap.

column et stretch : l’axe principal est VERTICAL par défaut — justifyContent distribue verticalement, alignItems gère l’horizontal (l’inverse des réflexes web en row).

Le contenu « disparaît » ou le centrage n’opère pas : la View mesure son contenu au lieu de remplir l’écran — la hauteur descend du parent.

Des dp (density-independent pixels) : même taille physique sur tous les écrans, zéro conversion.

Compilées vers du StyleSheet natif — les classes doivent être littérales dans le source (pas de "p-" + n) : variantes par mappings d’objets.

La palette nomme des couleurs (cyan300) ; le thème mappe des RÔLES (surface, accent) par mode. Les composants ne parlent que les rôles → dark/light et rebranding sans les toucher.

Route /history — (tabs) est un groupe (organisation + layout Tabs) invisible dans l’URL.

replace : la partie finie sort de la pile — back depuis le résultat revient aux tabs, jamais dans le quiz terminé.

string (ou string[]) — convertir ET valider avec des défauts sûrs (deep links forgés possibles) : Number(x) || 10, bornes.

La FORME des chemins à la compilation (faute de frappe = erreur TS, refactor exhaustif) — pas l’EXISTENCE de la donnée (/themes/xyz compile → garde runtime).

BackHandler.addEventListener('hardwareBackPress', …) avec return true (événement consommé) → rediriger vers la confirmation. gestureEnabled: false ne gère que le swipe.