⚛️ React Native & Expo — créer et publier des apps Android
⏱️ TL;DR — Un cours complet en français sur React Native + Expo SDK 57 : des composants natifs jusqu’à l’APK installé sur votre téléphone et à la publication sur le Play Store. Écrit pour un développeur Next.js / React : votre bagage (composants, hooks, App Router, Tailwind) est réutilisé à chaque chapitre — on n’apprend que ce qui change vraiment.
À qui s’adresse ce cours
Vous êtes développeur React / Next.js (TypeScript, Tailwind). Vous n’avez jamais fait de
mobile natif. Bonne nouvelle : React Native, c’est votre React — mêmes composants, mêmes
hooks, même JSX — mais le rendu produit de vrais widgets Android au lieu de HTML. Ce cours part
de ce que vous savez déjà et ne détaille que les différences : plus de div, plus de CSS, un
clavier qui recouvre l’écran, des builds, des stores.
Aucun prérequis mobile. Un téléphone Android et un PC suffisent (pas de Mac nécessaire).
Ce que ce cours est — et n’est pas
- ✅ React Native via Expo, la voie officielle en 2026 : Expo Router, EAS Build, EAS Update.
- ✅ Android de bout en bout : émulateur, APK sur votre téléphone, signing, Play Store, review.
- ✅ Deux voies de distribution : l’app perso sideloadée + mise à jour OTA (votre usage réel), et la publication publique complète sur le Play Store.
- ✅ Du natif concret : SQLite, notifications, haptics, animations Reanimated, gestes.
- ❌ Pas de backend : les données distantes = JSON statique sur GitHub, les données locales = SQLite.
- ❌ Pas d’iOS pratique : le code écrit est cross-platform, mais la chaîne iOS (Mac, 99 $/an) n’est traitée qu’en panorama (Partie 15).
Le fil rouge : Drill
Tout au long du cours, on construit Drill, votre app de quiz personnelle pour vous challenger sur vos technos (Bootstrap, Next.js, PHP, Symfony…) :
- les écrans : thèmes, session de quiz QCM, résultat (Parties 3-5) ;
- la partie : timer par question, points dégressifs, streak, explication après chaque réponse (Parties 6, 10) ;
- les questions : banques JSON par thème hébergées sur un repo GitHub — mise à jour par
simple
git push, cache offline, zéro serveur (Partie 7) ; - les records : historique et statistiques en SQLite, locaux au téléphone (Partie 8) ;
- le défi quotidien : notification locale qui ouvre directement un quiz (Partie 9) ;
- l’app réelle : APK sur votre téléphone, mises à jour OTA sans réinstaller (Partie 12).
Versions de référence
| Quoi | Version | Note |
|---|---|---|
| Expo SDK | 57 (juil. 2026) | New Architecture, create-expo-app |
| React Native | 0.86 | apporté par le SDK 57 |
| React | 19.2 | vos hooks habituels |
| Expo Router | v6 | file-based, comme App Router |
| TypeScript | 5.x strict | typed routes |
| NativeWind | 4.x | Tailwind pour RN |
Parcours
| Partie | Contenu | Niveau |
|---|---|---|
| 1. Découvrir | Pourquoi RN, comment le JS pilote du natif, Expo vs bare | 🌱 |
| 2. Setup | create-expo-app, téléphone + Expo Go, Android Studio, Drill naît | 🌱 |
| 3. Fondamentaux | View/Text, Pressable, FlatList, TextInput, écrans | 🌱 |
| 4. Styling | StyleSheet, flexbox RN, dark mode, NativeWind | 🌱 |
| 5. Navigation | Expo Router : stacks, tabs, routes dynamiques, deep links | 🌿 |
| 6. État | Zustand, machine d’état d’une partie, AsyncStorage | 🌿 |
| 7. Réseau ⭐ | TanStack Query, questions JSON sur GitHub, offline-first | 🌿 |
| 8. SQLite | expo-sqlite, schéma, migrations, stats & records | 🌿 |
| 9. APIs natives | Notifications (défi quotidien), haptics, sons, partage | 🌳 |
| 10. Animations | Reanimated, timer circulaire animé, gestes, micro-interactions | 🌳 |
| 11. Dev builds | Sortir d’Expo Go : expo-dev-client, config plugins, CNG | 🌳 |
| 12. Distribution ⭐ | EAS Build, build gradle local, APK sideloadé, EAS Update (OTA) | 🏔️ |
| 13. Play Store ⭐ | Compte 25 $, AAB, fiche, test fermé, review, vivre avec | 🏔️ |
| 14. Qualité | Jest, RN Testing Library, Maestro E2E, Sentry | 🏔️ |
| 15. iOS & après | Ce qui change pour iOS, web, modules natifs custom | 🏔️ |
| 16. Annexes | Cheatsheet web→RN, 20 erreurs classiques, glossaire, commandes | 📖 |
| 17. Monétisation | AdMob, achats in-app, RevenueCat, business d’une app solo | 💶 |
| 18. Mini-jeux | ~12 terrains de drills de mémorisation | 🎮 |
| 19. Projets | 6 apps de productivité guidées (Niv.0 → 5), capstone Drill v2 | 🚀 |
| 20. Quiz | ~100 questions de révision | 🧠 |
Ce que vous saurez faire à la fin
- Construire une app Android complète en React Native + Expo, avec la même aisance qu’en Next.js.
- La faire tourner sur votre vrai téléphone et la mettre à jour sans réinstaller (OTA).
- La publier sur le Play Store : compte, signing, fiche, test fermé, review, mises à jour.
- Créer vos propres apps perso — quiz, pomodoro, habitudes, notes, dépenses — à volonté.
👉 Commencez par la Partie 1 — Découvrir React Native en 2026 — le cours complet (20 parties, ~90 chapitres) vous attend, dans l’ordre.