React Native
Développez des applications mobiles natives pour iOS et Android avec JavaScript
React Native est le Framework de référence pour créer des applications mobiles performantes et multiplateformes en utilisant JavaScript. Plus besoin d'apprendre Java ou Swift : tirez parti de vos compétences web pour concevoir des applications natives pour iOS et Android, le tout à partir d'une seule base de code.
Créez des applications mobiles natives sans compromis
Cette formation vous emmène au cœur de React Native, vous donnant les clés pour maîtriser ses concepts essentiels et développer des applications mobiles fluides, intuitives et visuellement attrayantes. Vous apprendrez à concevoir des interfaces utilisateur réactives, à gérer l'état de votre application avec Redux, à interagir avec les fonctionnalités natives de l'appareil et à déployer votre application sur les stores.
Que vous soyez un développeur web expérimenté ou un passionné de technologies mobiles, cette formation vous donnera les clés pour créer des applications mobiles natives de qualité professionnelle avec React Native.
Durée de la formation
Début de la formation
Objectifs de la formation
Au terme de cette formation, le participant sera capable de :
- Comprendre les différentes options de développement mobile : Comparer les avantages et les inconvénients des différentes approches de développement mobile (natif, hybride, multiplateforme), et comprendre le positionnement de React Native dans ce paysage.
- Utiliser l'environnement React Native : Installer et configurer l'environnement de développement React Native, utiliser les outils de développement et de débogage, et comprendre le cycle de vie d'une application React Native.
- Construire des interfaces utilisateur de qualité : Utiliser les composants de React Native et les principes de design pour créer des interfaces utilisateur ergonomiques, esthétiques et performantes, adaptées aux différentes plateformes mobiles (iOS et Android).
- Intégrer des fonctionnalités natives : Accéder aux fonctionnalités natives de l'appareil (appareil photo, géolocalisation, notifications, etc.) en utilisant les composants et les API de React Native, et en intégrant des bibliothèques tierces si nécessaire.
- Concevoir l'architecture d'une application mobile : Structurer et organiser le code d'une application React Native de manière modulaire et maintenable, en utilisant les bonnes pratiques de développement et en choisissant les patterns d'architecture appropriés (Redux, MobX, etc.).
Points forts de la formation
- Développement multiplateforme : Écrivez une seule fois votre code et déployez-le sur iOS et Android, réduisant ainsi les coûts et les délais de développement
- Performance native : React Native utilise les composants natifs de chaque plateforme, garantissant une expérience utilisateur fluide et optimale
- Réutilisation de vos compétences web : Tirez parti de vos connaissances en JavaScript, React et CSS pour créer des applications mobiles
- Communauté active et riche écosystème : Bénéficiez du soutien d'une communauté dynamique et d'une multitude de bibliothèques et d'outils pour accélérer votre développement
- Formation pratique et interactive : Mettez en pratique les concepts appris à travers des exercices concrets et des projets guidés
Modalités pratiques
CP 200 : La formation est gratuite pour les travailleurs de la commission paritaire 200 (Cefora).
Prérequis pour la formation
Connaissance préalable de JavaScript et de React.
Programme
de la formation
- Module 1 : Introduction
- Le développement natif, l'hétérogénéité et la fragmentation
- Les principaux outils cross-platform
- Positionnement de React Native par rapport aux solutions existantes
- Module 2 : React Native
- Rappels sur ES6/ES201x. Notion de transpileur
- React et le superset de JavaScript JSX
- React Native : principes clés, fonctionnement général
- Installation et configuration de React Native
- Outils de développement et de debug
- Module 3 : Architecture d'application
- Configurer un composant : state & props
- React Native et MVC
- Le pattern Flux, une alternative au MVC
- L'arrivée de Redux : le store, le reducer, les actions
- Module 4 : Construction de l'interface
- Les composants de base (View, Text et Image) et leurs cycles de vie
- Les événements Touch, la ListView et la ScrollView
- Organisation du layout de l'application
- Mise en page avec Flexbox
- Styliser les composants
- Les différentes solutions de navigation entre les pages
- Composants avancés
- Utilisation de composants de la communauté
- Ajout d'animations et de transitions
- Module 5 : Formulaires et gestion des données
- Les principaux composants de formulaires
- La validation de la saisie et la gestion des erreurs
- Redux-form et alternatives
- Récupération des données : xmlhttprequest et fetch
- Le stockage local
- La gestion offline
- Module 6 : Interaction avec le terminal
- Les principales API natives de React Native
- Utilisation des plugins Cordova/PhoneGap
- Développement d'un module natif
- Module 7 : Usages avancés
- Best Practices et erreurs fréquentes
- Tests unitaires et fonctionnels
- Publication de l'application
- Mises à jour Over The Air
- Frameworks et outils complémentaires
- Module 8 : Exercices pratiques
- Installation et configuration de React Native pour un projet
- Utilisation du Debugger sur un code proposé
- Développement d’une première application en React Native
- Développement d’un formulaire et validation des données
- Utilisation des APIs proposées par React Native
- Testing et déploiement d’une application
Personne de contact
Formateur :
La société CogniTIC est active dans les domaines de la consultance, du développement et de la formation en systèmes d’information. Tous les collaborateurs de CogniTIC mettent à profit leur expérience en tant que développeur, architecte logiciel, analyste métier, responsable qualité ou chef de projet pour proposer des formations méthodologiques et technologiques en fonction des besoins des entreprises et des réalités du marché.
