Front-end · 8 mondes · 32 étapes

React Native

De vraies applis iOS et Android avec React.

Progression

0 %

0/32 étapes terminées

Mode 3

Huit semaines, un plan clair

Chaque semaine a son thème, ses concepts clés, ses exercices pratiques et un jalon pour mesurer ta progression. Compte quatre à cinq heures par semaine.

« Conçois un programme structuré. Inclus les thèmes semaine par semaine, les concepts clés, les exercices pratiques et les jalons pour mesurer ma progression jusqu'à la maîtrise avancée. »

SEM.1

3 à 4 h · 3 leçons + jalon

Premiers pas

0/4

Objectifs

  • Comprendre ce que fait React Native
  • Lancer un projet Expo
  • Écrire tes premiers composants

Concepts clés

  • Composants natifs
  • Expo et Expo Go
  • JSX et expressions
  • View et Text

Exercices pratiques

  • Écran « Bonjour »
  • Chasse aux textes hors <Text>
  • Variables dans le JSX

BossUn écran d'accueil centré avec titre et sous-titre.

LeçonsAffronter le boss
SEM.2

4 h · 3 leçons + jalon

Styles & Flexbox

0/4

Objectifs

  • Styliser proprement avec StyleSheet
  • Positionner avec Flexbox
  • S'adapter à la taille de l'écran

Concepts clés

  • Objets de style
  • Axe principal et secondaire
  • flex, padding, margin, gap
  • useWindowDimensions

Exercices pratiques

  • Centrer une boîte
  • Répartir une rangée en proportions
  • Barre de navigation

BossUne barre de navigation alignée au pixel près.

LeçonsAffronter le boss
SEM.3

4 h · 3 leçons + jalon

Composants de base

0/4

Objectifs

  • Afficher des images
  • Faire défiler du contenu
  • Créer des boutons sur mesure

Concepts clés

  • Image et resizeMode
  • ScrollView
  • Pressable et état pressed
  • Zones tactiles

Exercices pratiques

  • Avatar arrondi
  • Liste de cartes défilantes
  • Bouton personnalisé

BossUne carte produit avec image, titre et bouton.

LeçonsAffronter le boss
SEM.4

5 h · 3 leçons + jalon

État & interactions

0/4

Objectifs

  • Découper en composants réutilisables
  • Faire réagir l'écran
  • Construire des formulaires

Concepts clés

  • props et children
  • useState
  • Mises à jour fonctionnelles
  • TextInput contrôlé

Exercices pratiques

  • Composant Badge
  • Compteur de points
  • Champ connecté au state

BossUn mini-formulaire qui remercie l'utilisateur.

LeçonsAffronter le boss
SEM.5

5 h · 3 leçons + jalon

Listes

0/4

Objectifs

  • Afficher des collections
  • Choisir le bon composant de liste
  • Modifier une liste sans bug

Concepts clés

  • map et key
  • FlatList et virtualisation
  • Immutabilité : spread, filter, map

Exercices pratiques

  • Liste de villes
  • Classe de 30 élèves
  • Ajouter un fruit

BossUne liste de courses où l'on peut supprimer des articles.

LeçonsAffronter le boss
SEM.6

5 h · 3 leçons + jalon

Effets & données

0/4

Objectifs

  • Maîtriser useEffect
  • Charger des données distantes
  • Persister des données localement

Concepts clés

  • Dépendances et nettoyage
  • fetch et async/await
  • États chargement / données / erreur
  • AsyncStorage

Exercices pratiques

  • Message différé
  • Chargement d'une ville
  • Sauvegarde de préférences

BossUn écran de profil qui charge ses données.

LeçonsAffronter le boss
SEM.7

4 à 5 h · 3 leçons + jalon

Navigation

0/4

Objectifs

  • Structurer une app multi-écrans
  • Passer des paramètres
  • Adapter l'app à chaque plateforme

Concepts clés

  • Expo Router
  • Stack et Tabs
  • Routes dynamiques
  • Platform et zones sûres

Exercices pratiques

  • Plan de routes
  • Onglets maison
  • Affichage de la plateforme

BossUne navigation à trois onglets.

LeçonsAffronter le boss
SEM.8

5 h · 3 leçons + jalon

Vers la production

0/4

Objectifs

  • Animer l'interface
  • Optimiser les performances
  • Publier sur les stores

Concepts clés

  • Animated et Reanimated
  • React.memo et useCallback
  • EAS Build, Submit, Update

Exercices pratiques

  • Fondu d'apparition
  • Mémoïser une liste
  • Préparer app.json

BossUn écran de lancement animé, prêt pour la publication.

LeçonsAffronter le boss