📱 Développement Mobile Multiplateforme avec React Native

École Hexagone — Bachelor 3 — 2026

Ce dépôt contient les ressources du module de développement mobile multiplateforme avec React Native et Expo.

---

🗓 Programme des 4 journées

Journée	Date	Thème	Objectif
J1	Vendredi 17 avril	Fondations React Native	Projet Expo lancé, navigation en place
J2	Jeudi 28 mai	CRUD & Données Firebase	CRUD complet sur 2 entités
J3	Lundi 1er juin	Natif & Sécurité	APIs natives, bonnes pratiques
J4	Lundi 15 juin	Build & Démo	EAS Build, démo projet final

---

🛠 Stack technique

• React Native — Framework mobile cross-platform
• Expo — Toolchain, SDK et EAS Build
• Expo Router — Navigation file-based
• Firebase / Firestore — Backend, base de données NoSQL
• TypeScript — Typage statique
• TanStack Query — Gestion du cache et des états async (J2+)
• Zod — Validation des schémas (J2+)

---

📂 Structure du dépôt

cours-reactnative-hexagone/
├── J1/          ← Fondations React Native
├── J2/          ← CRUD & Données Firebase
├── J3/          ← Natif & Sécurité
├── J4/          ← Build & Démo
└── README.md

---

📚 Ressources

Documentation officielle

• reactnative.dev — Composants et APIs React Native
• docs.expo.dev — Expo SDK et EAS
• firebase.google.com/docs — Firebase et Firestore
• expo.github.io/router — Expo Router

Références J1

• Guide des React Hooks
• Guide des Composants React Native
• Cours Expo complet

Références J2

• Cours Firebase & Firestore
• Guide TanStack Query
• Guide Zod

---

🚀 Démarrer un projet Expo

# Créer le projet
npx create-expo-app mon-app --template

# Lancer le serveur de développement
cd mon-app
npx expo start

Installer Expo Go sur votre téléphone (iOS / Android) et scanner le QR code.

---

📋 Cahier des charges du projet fil rouge

Chaque étudiant développe son propre projet sur les 4 journées. Sujet libre, sous réserve de respecter les critères suivants :

Obligatoire

• CRUD complet sur au moins 2 entités (GET, POST, UPDATE, DELETE)
• Fetch de données avec gestion des états (loading, error, data)
• Minimum 2 collections Firestore avec une relation entre elles
• UI adaptée iOS et Android (SafeAreaView, comportement clavier)
• Build EAS fonctionnel (APK ou IPA générée)

Bonus appréciés

• Auth Firebase
• Feature Realtime (onSnapshot)
• Notifications push
• API native (caméra, géolocalisation…)

---

🎯 Évaluation

Critère	Pondération
Projet fil rouge	70%
QCM théorique	30%

---

🔧 Outils à installer avant J1

• Node.js 20 LTS
• VSCode + extension React Native Tools
• Expo Go sur votre téléphone
• Compte Firebase (gratuit)
• Compte Expo (gratuit, pour EAS Build)

---

Module animé par Régis — Bachelor 3 Développement Mobile Multiplateforme — École Hexagone 2026