Front-end · 8 mondes · 32 étapes

React Native

De vraies applis iOS et Android avec React.

Progression

0 %

0/32 étapes terminées

Mode 1

Du premier écran à la maîtrise

Le parcours complet découpé en quatre niveaux. Pour chacun : l'objectif, les compétences à acquérir et ce que tu sauras faire à la fin.

« Agis comme un tuteur expert. Crée une feuille de route qui amène un débutant jusqu'à la maîtrise avancée, en étapes claires avec les compétences à acquérir à chaque niveau. »

  1. NIVEAU1

    Semaines 1 et 2

    Poser les fondations

    Débutant

    Construire des écrans statiques propres et fidèles à une maquette.

    0/8

    Compétences à acquérir

    • Environnement ExpoCréer un projet, le lancer et le tester sur ton téléphone avec Expo Go.
    • Composants et JSXÉcrire des fonctions qui renvoient de l'interface, insérer des expressions.
    • View et TextStructurer un écran et respecter la règle d'or du texte.
    • StylesObjets de style, StyleSheet.create, combinaisons et absence de cascade.
    • FlexboxAxes, justifyContent, alignItems, flex et espacements.

    À la fin, tu sauras

    • Lancer un projet Expo sur ton téléphone
    • Reproduire un écran d'accueil ou une fiche de profil
    • Centrer et répartir n'importe quel contenu
    S1 · Premiers pasS2 · Styles & Flexbox
  2. NIVEAU2

    Semaines 3 à 5

    Rendre l'app vivante

    Intermédiaire

    Créer des écrans interactifs qui réagissent à l'utilisateur et affichent des listes de données.

    0/12

    Compétences à acquérir

    • Composants de baseImage, ImageBackground, ScrollView et Pressable.
    • Props et compositionDécouper l'interface en composants réutilisables avec children.
    • useStateMémoriser des valeurs et mettre l'écran à jour sans muter.
    • FormulairesTextInput contrôlés, claviers adaptés et validation.
    • Listesmap, keys, FlatList et mises à jour immuables de tableaux.

    À la fin, tu sauras

    • Coder une liste de tâches complète
    • Créer un formulaire avec validation
    • Afficher des centaines d'éléments sans ralentir
    S3 · Composants de baseS4 · État & interactionsS5 · Listes
  3. NIVEAU3

    Semaines 6 à 8

    Construire une vraie app

    Avancé

    Assembler une application multi-écrans connectée, animée et publiable.

    0/12

    Compétences à acquérir

    • EffetsuseEffect, dépendances et nettoyage.
    • Réseaufetch, async/await, états de chargement et gestion d'erreurs.
    • StockageAsyncStorage, secure-store et persistance au démarrage.
    • NavigationExpo Router : routes par fichiers, Stack, Tabs, paramètres.
    • FinitionsPlatform, zones sûres, animations et performances.
    • PublicationDevelopment builds, EAS Build, Submit et Update.

    À la fin, tu sauras

    • Publier une app sur les stores
    • Charger et mettre en cache des données distantes
    • Diagnostiquer un écran qui rame
    S6 · Effets & donnéesS7 · NavigationS8 · Vers la production
  4. NIVEAU4

    En continu

    Penser comme un·e pro

    Maîtrise

    Comprendre le moteur, écrire du natif quand il le faut et livrer une app solide en équipe.

    Compétences à acquérir

    • Nouvelle architectureJSI, Fabric, TurboModules et rendu concurrent.
    • Animations et gestesReanimated, worklets et Gesture Handler.
    • Architecture d'appÉtat serveur, état client, découpage en fonctionnalités.
    • Modules natifsExpo Modules API, config plugins et génération native.
    • QualitéTests unitaires, tests de bout en bout et intégration continue.
    • ProfilageHermes, React Native DevTools et budgets de performance.

    À la fin, tu sauras

    • Écrire un module natif en Swift ou Kotlin
    • Mettre en place des tests automatisés
    • Concevoir l'architecture d'une app d'équipe
    Ouvrir la Maîtrise avancée