Partie 3 — Fondamentaux : penser natif
⏱️ TL;DR — Le vocabulaire de base de React Native et — plus important — le changement de réflexes pour un dev web : plus de
div, du texte uniquement dans<Text>, des listes virtualisées obligatoires, un clavier qui mange l’écran. Six chapitres, et à la fin les premiers écrans de Drill existent avec de vrais composants.
Pourquoi cette partie
90 % des bugs de débutant RN venant du web sont des réflexes web appliqués au natif : un .map()
sur 500 items, du texte posé nu dans une View, un onClick copié-collé. Cette partie désamorce
chaque piège avant que vous ne le rencontriez.
Les chapitres
| Chapitre | Contenu |
|---|---|
| 3.1 — Il n’y a pas de div | Le mental model : primitives natives, règles strictes du texte |
| 3.2 — View, Text, Image | Les trois piliers et leurs props essentielles |
| 3.3 — Pressable & le tactile | Toucher ≠ cliquer : états, ripple, cibles de 44 pt |
| 3.4 — FlatList | La virtualisation obligatoire — le composant le plus important de RN |
| 3.5 — TextInput & le clavier | Saisie contrôlée et cohabitation avec le clavier virtuel |
| 3.6 — S’adapter à l’écran | Safe areas, StatusBar, dimensions, Platform |
👉 Commencez par le chapitre 3.1.