ZahoUpZahoUp
NouveauReact Native

Parcours combleur : Développeur React Native

Cours complet en 7 chapitres, écrit sur mesure pour ton niveau. Lecture intégrale avec un compte gratuit. À la clé : une compétence prouvée que tu ajoutes à ton profil.

Pédagogie augmentée

Écrite à ton niveau

205 minutes
7 chapitres
Intermédiaire
À ton rythme
Mentor IA intégré
Mode interview

Ce que tu vas savoir faire

Chaque compétence validée rejoint ton profil vérifié.

  • Intégration API RESTIntermédiaire
  • React NativeIntermédiaire
  • TypeScriptIntermédiaire
  • Consommer une API REST et afficher les données en listeIntermédiaire
  • Créer un composant typé en TypeScriptIntermédiaire
  • Naviguer entre écrans avec React NavigationIntermédiaire

Programme du cours

7 chapitres · 205 minutes au total

  1. 01

    React Native : développer pour mobile autrement

    Aperçu

    React Native produit de vraies interfaces natives, pas des pages web déguisées en application mobile. · Un seul code source couvre iOS et Android, ce qui réduit considérablement le temps de développement. · La New Architecture (JSI) remplace l'ancien bridge et améliore les performances de communication entre JavaScript et le natif.

    Concept20 min
    Ouvrir
  2. 02

    TypeScript : typer son code React Native

    TypeScript est un sur-ensemble de JavaScript : tout code JavaScript valide est du TypeScript valide. · Les annotations de types (`: number`, `: string`, etc.) permettent au compilateur de détecter les incohérences avant l'exécution. · Une interface décrit la forme attendue d'un objet et sert notamment à typer les props des composants React Native.

    Concept30 min
  3. 03

    Créer un composant typé de bout en bout

    Construire un composant React Native réutilisable en appliquant TypeScript sur les props, l'état et les événements, afin de consolider les notions des chapitres précédents dans un cas concret.

    Pratique30 min
  4. 04

    Consommer une API REST depuis React Native

    `fetch` est disponible nativement dans React Native et retourne une Promise qu'on résout avec `async/await`. · Les appels réseau se placent dans `useEffect` pour s'exécuter après le premier rendu du composant. · Le pattern à trois états (données, chargement, erreur) est la structure de base de toute récupération de données.

    Concept30 min
  5. 05

    Afficher une liste de données distantes

    Construire un écran complet qui récupère une liste d'utilisateurs depuis l'API publique JSONPlaceholder, gère les états de chargement et d'erreur, puis affiche les résultats dans une FlatList typée avec TypeScript.

    Pratique35 min
  6. 06

    Navigation entre écrans avec React Navigation

    Le NavigationContainer enveloppe toute l'application et sert de contexte global à React Navigation. · Le Stack Navigator empile les écrans : chaque navigation en ajoute un, le bouton retour en retire un. · Définir un type RootStackParamList permet à TypeScript de vérifier les noms de routes et leurs paramètres à la compilation.

    Concept30 min
  7. 07

    Quiz final : React Native, TypeScript, API REST

    Quiz30 min

Parcours combleur : Développeur React Native

Aperçu du chapitre 1 · compte gratuit pour tout lire

Créer mon compte gratuit