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 d'étiquettes HTML personnalisées
- Initialisation d'un projet React à l'aide de create-react-app
JavaScript moderne
- Développement avec Node.js et npm
- Différentes versions de JavaScript
- Travail avec les modules
- Fonctions et fonctions fléchées
- Classes
- Programmation fonctionnelle en JavaScript (map, filter, ...)
TypeScript
- Typage statique vs dynamique
- Déclaration des types de variables, de fonctions et de classes
- Types de données de base
- Tuples, objets
- Interfaces
- Génériques
Langage de gabarits de React
- Langage de gabarits basé sur JavaScript : JSX
- Définition des propriétés des éléments
- Répétition d'éléments
- Conditionnelle if / else
- Événements
- Classes et styles CSS
Gestion de l'état dans React
- Configuration et modification de l'état de l'application
- Utilisation de l'hook state et de setState
- Capture du contenu des éléments d'entrée dans l'état
Composants : Les briques de construction des applications Web modernes
- Définition d'étiquettes 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 depuis une bibliothèque
Gestion de l'état avec Redux
- Fondamentaux de Redux : gestion de l'état avec 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 de présentation et composants 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
- Outils de développeur React
- Outils de développeur Redux
- 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 l'itinéraire navigateur actuel
Développement d'applications avec React
- Aperçu rapide de React Native
- Création d'une application mobile et de bureau installable avec les Progressive Web Apps
- Comparaison entre les Progressive Web Apps et les applications natives
Pré requis
- Les bases du HTML
- Une expérience avec le JavaScript
Nos clients témoignent (7)
C'était vraiment très satisfaisant de finalement acquérir une compréhension solide de certains concepts fondamentaux de React, en particulier ceux liés à l'état (state) et aux hooks. Łukasz a fourni des explications très claires sur ces sujets et a été heureux d'expérimenter avec des exemples pratiques pour répondre aux questions supplémentaires que nous avions.
Hayden Pike - Powerlink Queensland
Formation - React, Redux and TypeScript
Traduction automatique
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