React Native

Connaissances JavaScript et React.js

Découvrir l'environnement de développement React Native. Concevoir une application mobile multiplateforme.

Introduction

VirtualDOM, JSX, One Way Data Flow.

Atelier: Mise en place d'un environnement de travail

Découvrir les bonnes pratiques de développement

prop-types et defaultProps
De flow à TypeScript
Tests unitaires et fonctionnels.

Atelier: Améliorer l'application grâce au typage et aux tests automatisés.

Techniques et design patterns avancés

Le pattern des Higher Order Components (HOC)
Le rendu dans des éléments DOM distants avec les Portals.
Injection de dépendances avec les Context.
Techniques avancées de la méthode render: Fragments et render props.

Atelier: Mise en oeuvre des " Context " et des "Portals "

Redux avancé

Rappels Redux: les entités, la syntaxe et l'intégration avec React.
Simplifier et optimiser la création de formulaires avec Redux Form.
Améliorer l'expérience utilisateur grâce à Redux
Persist et au stockage local du state.
Créer un Middleware Redux Custom.
La bibliothèque Redux-Saga

Atelier: Conversion d'un formulaire à Redux Form et sauvegarde de la navigation.

Optimiser les performances

Optimiser le cycle de vie des composants
Utiliser l'immutabilité pour accélérer et simplifier les traitements.
Les composants purs.

Atelier: Intégration d'une librairie d'immutabilité dans l'application Redux.

Animations et transitions

Animer les composants "à la main" à l'aide d'animations et transitions CSS.
Simplifier le travail avec react-transition-group.
Comparatif et exemples de mise en oeuvre.

Atelier: Ajout de transition des différents écrans.

Internationalisation

Internationalisation versus localisation: différences et scénarios d'utilisation.
Les principales librairies d'internationalisation.
Intégration dans React et Redux.

Atelier: Gestion des langues dans l'application

Technologies autour de React et React Native

Du REST au GraphQL
Créer une application " server-side " avec Next.js
Le CSS avec " styled-components "
Les concurrents de React Native: Ionic, Xamarin

Méthodologie basée sur l'Active Learning : 75% de pratique minimum. Chaque point théorique est systématiquement suivi d'exemples et exercices.

Contrôle continu

Attestation de fin de stage mentionnant le résultat des acquis