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
- Typage statique vs dynamique
- Déclaration des types de variables, fonctions et classes
- Types de données de base
- Tuples, objets
- Interfaces
- Génériques
Langage de gabarit React
- Langage de gabarit basé sur JavaScript : JSX
- Définition des propriétés des éléments
- Répétition d'éléments
- 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 la hook d'état et de setState
- Capture du contenu des éléments d'entrée dans l'état
Composants : Les briques de base des applications Web modernes
- Définition de balises HTML personnalisées dans React
- État, props et é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 à partir d'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 de la hook de reducer dans React
- Intégration de Redux dans une application React
- Composants présentatifs et conteneurs
- Écosystème Redux
- Gestion des événements asynchrones avec Thunk
- Récupération de données d'une API REST
Outils de développement et tests
- Outils de développement React
- Outils de développement Redux
- Tests de JavaScript avec Jest
- Tests des reducers
- Tests des composants React
React Router
- Routage côté client
- Affichage de vues différentes en fonction de l'itinéraire du navigateur actuel
Développement d'applications avec React
- Aperçu succinct de React Native
- Création d'une application mobile et bureau installable avec les Progressive Web Apps
- Comparaison des Progressive Web Apps et des applications natives
Pré requis
- Notions de base en HTML
- Expérience en 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