Plan du cours
Développement d'applications front-end modernes
- Aperçu et similitudes entre React, Angular et Vue.js
- Rendu déclaratif
- Composants - définition de balises HTML personnalisées
- Utilisation de create-react-app pour initialiser un projet React
JavaScript moderne
- Développement avec Node.js et npm
- Versions de JavaScript
- Travail avec les modules
- Fonctions et fonctions fléchées
- Classes
- Programmation fonctionnelle en JavaScript (map, filter, ...)
TypeScript
-
li>
- Typage statique vs typage dynamique
- Déclaration des types de variables, fonctions et classes
- Types de données de base
- Tuples, objets
- Interfaces li>
- Génériques
Langage de template de React
- Langage de template basé sur JavaScript : JSX
- Définir les propriétés des éléments
- Répéter des éléments
- if / else
- Événements
- Classes CSS et styles
Gestion de l'état dans React
- Définir et modifier l'état de l'application
- Utilisation de l'hook d'état et de setState
- Capturer le contenu des éléments de saisie dans l'état
Composants : Briques de base des applications web modernes
- Définir des balises HTML personnalisées dans React
- État, props & événements
- Flux de données entre les composants
- Composants fonctionnels et composants de classe
- Utilisation des hooks dans les composants fonctionnels
- Événements du cycle de vie des composants (montage, mise à jour, démontage)
- Inclusion de composants prédéfinis issus d'une bibliothèque
Gestion de l'état avec Redux
- Les bases de Redux : gestion de l'état via des fonctions pures, des reducers et des données immuables
- Utilisation du hook reducer dans React
- Intégration de Redux dans une application React
- Composants présentatifs et conteneurs
- L'écosystème Redux
- Gestion des événements asynchrones avec Thunk
- Récupération de données depuis une API REST
Outils de développement et tests
- React Developer Tools
- Redux Developer Tools
- Tests JavaScript avec Jest
- Tests des reducers
- Tests des composants React
React Router
- Routage côté client
- Affichage de différentes vues en fonction de la route actuelle du navigateur
Développement d'applications avec React
- Vue d'ensemble de React Native
- Création d'une application mobile et desktop installable via les Progressive Web Apps (PWA)
- Comparaison des Progressive Web Apps et des applications natives
Pré requis
- Notions de base en HTML
- Expérience avec JavaScript
Nos clients témoignent (7)
Les détails, la manière d'expliquer et le calme et la confiance que l'animateur inspire.
Cosmin Ghergheles - Ness
Formation - React, Redux and TypeScript
Traduction automatique
Łukasz patience
Stroila Adrian Emilian
Formation - React, Redux and TypeScript
Il couvrait les composants de base
Valentin
Formation - React, Redux and TypeScript
Traduction automatique
L'enthousiasme de Lukasz.
Eloise Phelps - Dunelm
Formation - React, Redux and TypeScript
Traduction automatique
Comment Luke a fait preuve d'un grand effort pour aider les personnes individuellement lorsqu'elles avaient des problèmes pour exécuter le code. Luke était extrêmement sympathique et s'entendait très bien avec les participants au cours.
Jonathan Grout - Dunelm
Formation - React, Redux and TypeScript
Traduction automatique
L'engagement du formateur avec tous les participants était excellent, tout le monde a reçu de l'aide à un moment ou à un autre durant la formation. C'était une expérience très positive dans l'ensemble, surtout pour les personnes peu familières avec le sujet.
Tayyab Ejaz Mushtaq - Dunelm
Formation - React, Redux and TypeScript
Traduction automatique
J'ai apprécié le fait que cela ressemble à un environnement sûr et je ne me suis pas senti intimidé en partageant mon écran et mes difficultés avec l'animateur ou le groupe.
Wanda Hawkins-Kavanagh - Dunelm
Formation - React, Redux and TypeScript
Traduction automatique