React Native (2024) : Le guide complet (+ Redux & Hooks) from Udemy

React Native est devenu en quelques années un framework incontournable dans le développement d'applications mobiles. Basé sur React, qui s'enrichit chaque année de nouveaux concepts innovants et performants, React Native permet aux développeurs front-end de publier des applications natives Android et iOS avec Javascript.

À la fin de ce cours, vous aurez développé plusieurs applications et vous saurez les publier sur l'App Store et le Play Store. La difficulté des concepts sera graduelle : nous commencerons par des concepts de base pour terminer par le développement d'une application réalisant des requêtes Http vers une API.

Si vous débutez avec React, pas de panique . Nous verrons ensemble les concepts de base de React. Vous apprendrez tout ce qui est nécessaire de savoir sur React pour se lancer avec React Native.

Nous verrons en détails comment appliquer du style à nos applications. Une fois les bases acquises, nous développerons une première application simple pour bien comprendre concepts théoriques.

Nous utiliserons ensuite Redux pour gérer le state de notre application. Et nous verrons pourquoi cette librairie est autant utilisée dans l'ecosystem React.

Grâce au développement de l'application de liste de recettes, nous verrons en détails comment développer une application plus complexe.

Vous pourrez aussi me contacter pour poser toutes les questions que vous voulez. Chacun est différent et je comprends très bien que certains passages peuvent être complexes. Alors n'hésitez pas à m'écrire .

What's inside

Learning objectives

Développer des applications professionelles pour android et ios avec react native
Développer avec react et react native
Apprendre à se servir des hooks (react 16+)
Comprendre et utiliser les concepts de redux
Créer des composants partageables qui ont du style

Publier une application sur le play store et l'app store
Découvrir les modèles de conception mobile utilisés par des ingénieurs expérimentés
Maitriser le style, notamment les flexbox
Découvrir les nouvelles fonctionnalités de l'es6

Développer des applications professionelles pour android et ios avec react native
Développer avec react et react native
Apprendre à se servir des hooks (react 16+)
Comprendre et utiliser les concepts de redux
Créer des composants partageables qui ont du style
Publier une application sur le play store et l'app store
Découvrir les modèles de conception mobile utilisés par des ingénieurs expérimentés
Maitriser le style, notamment les flexbox
Découvrir les nouvelles fonctionnalités de l'es6

Syllabus

Introduction

Bienvenue ! Contenu du cours et présentation des applications

Une question ? Je suis là pour y répondre

Les emails privés de React Académie

Maintenant que vous connaissez le composant Pressable:

1. Essayez de rendre le titre d'un tâche et l'image poubelle clickable avec le composant Pressable

2. Pour chaque onPress (de Pressable), modifier le status de la tache ou la supprimer grâce à un callback

On verra la solution dans les deux prochaines vidéos.

Si vous n'avez pas suivi le module précédent, vous pouvez télécharger l'application.

Une fois le fichier .zip téléchargé et extrait, vous pourrez l'ouvrir avec Visual Studio Code et lancer la commande suivante dans votre terminal :

npm install

yarn

Traffic lights

Read about what's good

what should give you pause

and possible dealbreakers

Teaches React Native, which allows front-end developers to publish native Android and iOS applications using Javascript, making it highly relevant for mobile app development

Explores React Native, which builds upon React concepts, allowing React developers to leverage their existing knowledge to create mobile applications

Covers publishing applications on both the App Store and Play Store, which is essential knowledge for developers aiming to release their apps to a wide audience

Utilizes Redux for state management, a widely adopted library in the React ecosystem, which helps in building scalable and maintainable applications

Requires installing tools like Xcode and Android Studio, which may necessitate additional storage space and familiarity with platform-specific development environments

Focuses on ES6 features, which may require learners to familiarize themselves with modern JavaScript syntax and concepts before diving into React Native development

Reviews summary

Analyse basée sur la description du cours

Selon la description du cours, ce guide complet de React Native pour 2024 vise à enseigner le développement d'applications mobiles natives pour Android et iOS. Le contenu couvre les bases de React et React Native, l'application de style (Flexbox, Styled Components), la gestion d'état avec Hooks et Redux, et le développement de plusieurs applications pratiques, y compris un projet complexe avec requêtes HTTP et géolocalisation. Le cours promet d'aider les étudiants à publier leurs applications et mentionne la disponibilité de l'instructeur pour les questions.

Instructeur disponible pour les questions.

"Je pourrai contacter l'instructeur pour poser toutes les questions que je veux."

"L'instructeur comprend très bien que certains passages peuvent être complexes et encourage à écrire."

"Une question ? Je suis là pour y répondre selon le syllabus."

Guide pour publier sur App Store/Play Store.

"Je saurai publier mes applications sur l'App Store et le Play Store."

"Le cours a pour objectif de pouvoir publier une application sur les plateformes mobiles."

Détaille le style avec Flexbox et Styled Comp.

"J'apprendrai comment appliquer du style à mes applications mobiles."

"Le cours explique FlexBox en détail : flexDirection, justifyContent, alignItems, flex avec des exercices."

"Une alternative à StyleSheet, Styled Components, est aussi présentée."

"Maitriser le style, notamment les Flexbox, fait partie des objectifs du cours."

Couvre les fondamentaux nécessaires.

"Je vais commencer par les concepts de base de React et React Native pour bien démarrer."

"On abordera la structure des composants, les props, et le state fonctionnel et de class."

"L'API de React Native est comparée à HTML pour une meilleure compréhension."

"Le cours couvre tout ce qui est nécessaire de savoir sur React pour se lancer avec React Native."

Explore Hooks et Redux pour l'état.

"On utilisera Redux pour gérer le state de l'application, en comprenant pourquoi il est utilisé."

"Le cours aborde la création du state avec le hook useState et l'utilisation des Hooks (React 16+)."

"Je vais comprendre et utiliser les concepts de Redux en détails."

Développement d'applications concrètes.

"À la fin de ce cours, j'aurai développé plusieurs applications."

"On construira une première application simple (Liste de Tâches) pour bien comprendre les concepts théoriques."

"Je vais aussi développer une application Météo plus complexe avec Géolocalisation et requêtes API."

"La difficulté des concepts sera graduelle, en passant par le développement d'applications."

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in React Native (2024) : Le guide complet (+ Redux & Hooks) with these activities:

Réviser les bases de JavaScript

Show steps

Renforcer les connaissances de base en JavaScript, en particulier ES6, pour mieux comprendre les concepts avancés utilisés dans React Native.

Show steps

Revoir les concepts de variables, fonctions et objets en JavaScript.
S'exercer avec les boucles, les conditions et les tableaux.
Se familiariser avec les fonctions fléchées et les classes ES6.

S'exercer avec les Flexbox

Show steps

Maîtriser les Flexbox en réalisant des exercices pratiques pour créer différentes mises en page.

Show steps

Créer des mises en page simples avec différentes propriétés Flexbox.
Reproduire des mises en page complexes à partir de modèles existants.
Expérimenter avec différentes combinaisons de propriétés Flexbox.

Lire 'Learning React Native' de Bonnie Eisenman

Show steps

Approfondir la compréhension de React Native avec un guide complet qui couvre les bases et les concepts avancés.

View Putting Knowledge to Work on Amazon

Show steps

Lire les chapitres introductifs sur les composants et le style.
Expérimenter avec les exemples de code fournis dans le livre.
Se concentrer sur les sections relatives à la gestion d'état et à la navigation.

Four other activities

Expand to see all activities and additional details

Show all seven activities

Créer une application de notes simple

Show steps

Mettre en pratique les concepts appris dans le cours en développant une application simple qui permet de créer, modifier et supprimer des notes.

Show steps

Concevoir l'interface utilisateur avec des composants React Native.
Implémenter la gestion d'état pour stocker et manipuler les notes.
Ajouter des fonctionnalités pour la persistance des données (par exemple, en utilisant AsyncStorage).

Consulter 'React Native Cookbook' de Mike McGrath

Show steps

Utiliser un recueil de solutions pratiques pour résoudre les problèmes courants rencontrés lors du développement d'applications React Native.

View Putting Knowledge to Work on Amazon

Show steps

Parcourir les chapitres pertinents pour les sujets abordés dans le cours.
Essayer les exemples de code fournis dans le livre.
Adapter les solutions proposées à vos propres projets.

Rédiger un article de blog sur les Hooks React Native

Show steps

Solidifier la compréhension des Hooks en expliquant leur fonctionnement et leur utilisation dans un article de blog.

Show steps

Choisir un ou plusieurs Hooks spécifiques à expliquer.
Fournir des exemples de code clairs et concis.
Expliquer les avantages et les inconvénients de l'utilisation des Hooks.

Déployer une application sur le Play Store ou l'App Store

Show steps

Mettre en pratique les connaissances acquises en déployant une application sur une plateforme de distribution d'applications mobiles.

Show steps

Préparer l'application pour le déploiement (par exemple, en configurant les icônes et les écrans de démarrage).
Suivre les instructions de déploiement spécifiques à chaque plateforme.
Soumettre l'application pour examen et publication.

Career center

Learners who complete React Native (2024) : Le guide complet (+ Redux & Hooks) will develop knowledge and skills that may be useful to these careers:

Développeur React Native

Un développeur React Native se spécialise dans la création d'applications mobiles en utilisant le framework React Native. Ce cours est directement aligné avec ce rôle, car il enseigne en profondeur React Native. Il couvre des concepts importants comme les hooks, Redux, et la gestion du style, des compétences cruciales pour un développeur React Native. Ce cours est adapté à cette profession car il permet d’acquérir des compétences avancées et de développer une application complexe. La progression graduelle par des cas pratiques permet de mieux assimiler l'information. Ce cours est donc parfait pour devenir développeur React Native.

See salaries and explore the career path for Développeur React Native

Développeur d'applications mobiles

Un développeur d'applications mobiles crée des applications pour des plateformes comme Android et iOS. Ce cours sur React Native est directement pertinent, car il enseigne comment développer des applications natives pour ces plateformes en utilisant JavaScript. Les compétences acquises, notamment en React, Redux, et hooks, sont essentielles pour un développeur d'applications mobiles. La capacité à publier des applications sur l'App Store et le Play Store, enseignée dans ce cours, est également une compétence clé. Ce cours est idéal pour une personne souhaitant devenir développeur d'applications mobiles, car il fournit une expérience pratique et une compréhension des technologies indispensables.

See salaries and explore the career path for Développeur d'applications mobiles

Développeur Front-End Mobile

Le rôle d'un développeur front-end mobile est de se concentrer sur l'interface utilisateur et l'expérience utilisateur des applications mobiles. Ce cours est particulièrement adapté, car il se concentre sur React Native, qui permet de développer des interfaces utilisateur pour Android et iOS. Les compétences en React, Redux, et hooks enseignées ici sont fondamentales. Un développeur front-end mobile utilisera le style, notamment avec des flexbox, et créera des interfaces réactives, des sujets couverts dans ce cours. Ce cours convient à une personne souhaitant se spécialiser dans le développement front-end mobile et qui cherche à maîtriser les outils et techniques spécifiques à cette discipline.

See salaries and explore the career path for Développeur Front-End Mobile

Ingénieur logiciel mobile

Un ingénieur logiciel mobile est responsable de la conception, du développement et de la maintenance d'applications mobiles. Ce cours sur React Native est un excellent point de départ, car il enseigne comment créer des applications natives pour iOS et Android. La maîtrise de React, Redux et des hooks, ainsi que la compréhension des modèles de conception mobile enseignés dans ce cours, aident un ingénieur logiciel mobile dans son travail quotidien. Un ingénieur logiciel mobile bénéficiera de la partie sur la publication d'applications sur les stores. Les compétences développées grâce à ce cours construiront une base solide pour ce rôle.

See salaries and explore the career path for Ingénieur logiciel mobile

Formateur en Développement Mobile

Un formateur en développement mobile enseigne les technologies et les pratiques du développement d'applications. Ce cours est une ressource précieuse pour un formateur, car il offre une expérience pratique et structurée de l'enseignement de React Native. En suivant ce cours, une personne aura une compréhension approfondie des concepts et des outils nécessaires pour former efficacement d'autres personnes. Le contenu du cours est très complet, avec des notions théoriques et pratiques. Un formateur en développement mobile qui souhaite enseigner React Native devrait suivre ce cours pour une préparation optimale.

See salaries and explore the career path for Formateur en Développement Mobile

Consultant en Développement Mobile

Un consultant en développement mobile aide les entreprises à concevoir et à développer des applications mobiles. Ce cours est une ressource utile, car il enseigne les bases de React Native pour développer des applications natives. Le cours introduit des outils modernes comme Redux et les Hooks, qui sont importants pour un consultant qui doit rester à jour sur les technologies les plus efficaces. Les connaissances acquises dans ce cours permettront de fournir des conseils pertinents et de qualité aux entreprises. Vous pourrez apporter de la valeur ajoutée, car vous serez en mesure de parler des meilleures pratiques en matière de développement mobile avec React Native.

See salaries and explore the career path for Consultant en Développement Mobile

Architecte d'applications mobiles

Un architecte d'applications mobiles conçoit la structure et les composants d'applications. Ce cours est pertinent pour ce rôle, car il fournit une base solide en React Native, un outil important pour les applications. En apprenant les aspects du style, des flexbox, de la gestion d'état avec Redux, un architecte comprend mieux les contraintes du développement. La connaissance de la publication des applications ajoute un plus. Ce cours est très utile pour une personne souhaitant devenir architecte d'applications mobiles, car il donne une compréhension technique plus approfondie. Bien que ce ne soit qu'une partie des connaissances nécessaires, il est très utile.

See salaries and explore the career path for Architecte d'applications mobiles

Développeur JavaScript Front-End

Un développeur JavaScript front-end crée des interfaces utilisateur interactives pour le web et les applications. Ce cours, bien que centré sur le développement mobile avec React Native, permet de renforcer les fondamentaux en JavaScript et en React. Les concepts et les compétences acquises, notamment sur les composants, les hooks et la gestion d'état avec Redux, sont transférables dans le développement web. Ce cours peut être utile pour un développeur JavaScript front-end qui souhaite élargir ses compétences au développement mobile ou approfondir sa compréhension des concepts clés de React.

See salaries and explore the career path for Développeur JavaScript Front-End

Concepteur d'interface utilisateur mobile

Un concepteur d'interface utilisateur mobile se concentre sur le design de l'interface des applications. Ce cours est utile pour ce rôle, notamment en ce qui concerne le style avec React Native, les flexbox et la création de composants personnalisés. Bien que le cours n'enseigne pas directement le design d'interfaces, la compréhension des outils de développement est utile pour un concepteur. Il sera ainsi plus efficace dans sa collaboration avec les développeurs. Une personne souhaitant devenir concepteur d'interface utilisateur mobile gagnera à prendre ce cours pour comprendre les contraintes techniques.

See salaries and explore the career path for Concepteur d'interface utilisateur mobile

Chef de Projet Mobile

Un chef de projet mobile supervise la création d'applications mobiles. Bien que ce cours ne vous forme pas directement à la gestion de projet, il vous permettra d'acquérir une compréhension approfondie du développement d'applications avec React Native. Cette connaissance technique fera de vous un chef de projet mobile plus efficace, car vous comprendrez mieux les enjeux et les défis du développement. Ce cours vous aidera à mieux communiquer avec les équipes de développement et à prendre des décisions éclairées. Ce cours peut être utile pour quelqu'un qui souhaite devenir chef de projet mobile, car il comble un manque de compréhension technique.

See salaries and explore the career path for Chef de Projet Mobile

Testeur d'applications mobiles

Un testeur d'applications mobiles assure la qualité des applications en identifiant les bugs et en vérifiant leur fonctionnement. Ce cours, bien qu'axé sur le développement, permet de mieux comprendre l'architecture et le fonctionnement d'une application React Native. Cela facilite le test puisque la personne comprend mieux la structure des applications. Un testeur comprendra comment les composants sont construits et comment les données sont gérées à l'aide de Redux. Ce cours peut être utile pour quelqu'un qui souhaite devenir testeur d'applications mobiles afin d'acquérir des connaissances techniques et de mieux maîtriser son métier.

See salaries and explore the career path for Testeur d'applications mobiles

Spécialiste en Intégration de Systèmes Mobiles

Un spécialiste en intégration de systèmes mobiles est responsable de l'intégration d'applications mobiles avec d'autres systèmes et plateformes. Bien que ce cours porte principalement sur le développement d'applications avec React Native, il fournit des connaissances essentielles sur les architectures et les flux de données. La gestion de l'état avec Redux et la communication avec les API sont des compétences utiles. Ce cours peut être utile pour un spécialiste en intégration de systèmes mobiles qui doit manipuler les applications. En effet, les compétences acquises peuvent faciliter son travail et sa compréhension des systèmes mobiles.

See salaries and explore the career path for Spécialiste en Intégration de Systèmes Mobiles

Responsable de la qualité logicielle Mobile

Un responsable de la qualité logicielle mobile supervise les processus pour assurer la qualité des applications. Ce cours, bien que centré sur le développement, permet de comprendre les défis liés au développement d'applications mobiles avec React Native. La compréhension de l'architecture et des outils utilisés permet de mieux structurer les tests et les contrôles qualité. Une personne qui souhaite devenir responsable de la qualité logicielle mobile peut tirer avantage de ce cours pour une meilleure compréhension technique de l'écosystème des applications mobiles. Ce cours peut être utile pour une meilleure compréhension technique.

See salaries and explore the career path for Responsable de la qualité logicielle Mobile

Consultant en Transformation Digitale

Un consultant en transformation digitale aide les entreprises à intégrer les technologies numériques. Ce cours peut être utile, car il fournit une compréhension pratique du développement d'applications mobiles avec React Native. Ce cours aide à avoir une bonne connaissance des outils technologiques et des contraintes liés au développement des applications mobiles. La compréhension des enjeux techniques permet d'accompagner les entreprises dans leur transition vers le mobile. Ce cours est utile pour le consultant en transformation digitale qui doit comprendre l'aspect technique des projets. Cette connaissance peut apporter une valeur ajoutée aux clients.

See salaries and explore the career path for Consultant en Transformation Digitale

Développeur de jeux mobile

Un développeur de jeux mobile crée des jeux pour des plateformes comme Android et iOS. Bien que ce cours soit orienté vers le développement d'applications non-ludiques, il introduit des concepts utiles comme la manipulation de composants, la gestion de l'état et l'application de style. Les compétences acquises ici aideront un développeur de jeux, en particulier pour les interfaces utilisateurs. Ce cours peut être utile pour une personne souhaitant devenir développeur de jeux mobile, afin d'acquérir de nouvelles compétences techniques applicables aux jeux, surtout quand ceux-ci comprennent une interface.

See salaries and explore the career path for Développeur de jeux mobile

React Native (2024)

Le guide complet (+ Redux & Hooks)

What's inside

Learning objectives

Syllabus

Traffic lights

Save this course

Reviews summary

Analyse basée sur la description du cours

Activities

Career center

Reading list

Share

Similar courses