React Native: Learn & Practice

Apprenez React Native grâce à des explications concises, des exemples de code pratiques et de petits défis. Explorez 148 leçons réparties en 10 modules, ouvrez un exemple dans l'environnement de test et modifiez-le pour comprendre le fonctionnement de l'interface.

Un parcours clair, des bases à la pratique

Commencez par le texte, les vues, les variables, les composants, les images et les styles. Poursuivez avec les mises en page Flexbox, les formulaires, la saisie de texte, les boutons, les interactions tactiles, le défilement et les listes. Les modules suivants introduisent les hooks, les composants réutilisables, la gestion d'état, les concepts de performance, les mises en page responsives et des projets pratiques.

Lisez l'idée avant de modifier

Chaque leçon comprend un objectif, une présentation en langage clair, les concepts clés, du code, des conseils pratiques, un petit défi et des questions d'auto-évaluation. Consultez l'exemple et son explication, puis ouvrez la version modifiable lorsque vous êtes prêt à expérimenter. Les étiquettes « Débutant », « Intermédiaire » et « Pratique » vous aident à situer chaque sujet dans le cours.

Apportez vos propres modifications

Utilisez l'éditeur JavaScript et JSX intégré pour ajuster le texte, les valeurs, les styles et le comportement des composants. La coloration syntaxique et la numérotation des lignes facilitent la compréhension des exemples. Les fonctions Annuler et Rétablir vous permettent d'explorer les modifications, tandis que Réinitialiser le code restaure l'exemple initial. Appuyez sur Exécuter l'application pour ouvrir l'aperçu intégré, puis retournez à l'édition pour une nouvelle tentative.

Explorez des modèles utiles

Étudiez les entrées contrôlées, la validation de formulaires, l'affichage des mots de passe, les compteurs de caractères, le filtrage de listes, les éléments sélectionnables et les états vides. Entraînez-vous avec des compteurs, des minuteurs, une horloge en temps réel, un convertisseur de température, une calculatrice de pourboire, des cartes, un accordéon, des onglets simples et une mini-liste de tâches. Ces exemples d'apprentissage vous permettent d'examiner comment les différents éléments d'une interface s'articulent.

Trouvez la leçon qu'il vous faut

Recherchez par titre de leçon ou filtrez la bibliothèque par module. Passez d'une leçon à l'autre : toutes les leçons, les leçons en cours, vos favoris enregistrés et les leçons terminées. Utilisez les commandes Précédent et Suivant ou faites glisser votre doigt entre les leçons. Lorsque vous ouvrez une leçon à partir d'une bibliothèque filtrée, la navigation suit votre sélection afin que vous puissiez rester sur les sujets choisis.

Suivez votre apprentissage

Ajoutez des leçons à vos favoris pour les réviser et marquez-les comme terminées lorsque vous êtes prêt. L'écran d'accueil affiche votre progression dans le cours, le nombre de leçons terminées et enregistrées, ainsi que votre série d'études. Reprenez la dernière leçon ou passez au sujet suivant. Votre progression et vos favoris sont enregistrés localement sur votre appareil.

Retournez à vos expériences

L'exécution d'un exemple enregistre son code comme brouillon local pour cette leçon. Rouvrez l'espace de travail pour restaurer le brouillon, ou réinitialisez-le pour revenir au code original. Vous pouvez ainsi facilement reprendre une idée après une pause sans avoir à remplacer le matériel de départ.

Choisissez une apparence qui vous convient

Sélectionnez le mode clair, le mode sombre ou le thème système pour l'interface d'apprentissage. Lisez un concept, examinez son code, apportez une modification ciblée et utilisez le défi pour vous entraîner à l'appliquer.

Conçue pour les étudiants, les débutants intéressés par la programmation et les développeurs qui révisent les concepts d'interface mobile. Les exemples s'exécutent dans un aperçu web ; les API et le comportement spécifiques à la plateforme peuvent différer d'une application native. L'application contient de la publicité. Application éducative indépendante ; non affiliée au projet React Native et non approuvée par celui-ci.