Formation - Formation React
Bureautique Numérique Cybersécurité CAO/PAO

Formation React

Référence : ReAmXThKjR79
Durée : 28 h sur 4 j
Logo - Macademia
Macademia
Antibes
React (aussi appelé React.js ou ReactJS) est une bibliothèque JavaScript libre développée par Facebook depuis 2013. Le but principal de cette bibliothèque est de faciliter la création d'application web monopage, via la création de composants dépendant d'un état et générant une page (ou portion) HTML à chaque changement d'état.

Détails de la formation

Méthodes et outils pédagogiques

  • Noot : propre plateforme de visioconférence
  • Explication avec des exemples concrets à l'aide de schémas (live coding)

Objectifs de la formation

  • Développer et Maîtriser les fonctionnalités dans la dernière version 16 de React la technologie JavaScript de Facebook
  • Créer des composants web complexes rapidement
  • Application SinglePage avec React.JS, Flux et isomorphisme
  • Mettre en place une application web performante

Méthodes d'évaluation

  • Quiz
  • Travaux pratiques

Les plus

  • Des formateurs certifiés et reconnus dans leurs domaines
  • Dynamiser sa page web
  • Développer une application permanente

Pré-requis

  • Bonne connaissance de JavaScript
  • Pratique du développement web

Modalités d'enseignement

  • En présentiel
  • En distanciel

Public cible

Tous publics

Programme

1
Javascript & EcmaScript 6/7
- Rappels élémentaires sur le langage
- Maîtriser les closures
- Les bonnes pratiques en JavaScript
- Nouvelle gestion des classes
- Les arrow functions, une alternative efficace
- Construire nos chaines avec les « template string »
- L’héritage de classe
- Spread & Rest
- Comprendre la déstructuration d’Objets / d’Array
- Modulariser nos application web
2
Comprendre React et les composants
- La philosophie des composants
- Découverte du langage « JSX » et de la transpilation
- Créer une hiérarchie de composants
- Transfert d’informations avec les props
- Architecturer notre projet, Smart & Dump components
3
Manipuler les formulaires
- Dynamiser la validation de nos formulaires
- Composants contrôlés
- Composants non contrôlés
- Marquer les éléments du DOM avec les références
- Bien penser ses formulaires
4
Routing
- Mise en place de routes complexes
- Configuration du système de routing
- Manipuler la navigation des pages
- Ajouter des paramètres dans nos routes
- Cycle de vie des routes
5
Redux & React
- Flux/Redux : présentation
- Propagation de données
- Comparaison des architectures
- Création de vues et contrôleurs dans Flux
- Rôle du "Dispacther" dans Flux pour les actions
- Les « Stores », gestionnaire d'états logique dans Flux
- Approche avec Redux
- Le « Reducer »
6
Tests unitaires
- Introduction à Jest, le JUnit de Javascript
- Tester un composant
- Tester le DOM avec « dom-testing-library »
- Le principe F.I.R.S.T.
7
Server Side Rendering
- Les avantages du server side rendering (SSR)
- Intégration dans Redux
- Principe et bénéfices du développement isomorphique
- Ecosystème du JavaScript côté serveur
- Initiation à NodeJS
- Configuration de NodeJs pour ReactJS
- Mise en place du SSR
8
Internationalization (i18n) avec React
- Stratégie de mise en place avec les fichiers « .json »
- Les principales librairies d'internationalisation
- Intégration dans React et Redux
9
Introduction aux librairies populaires de React
- ReactNative
- NextJS
- Material UI / React Bootstrap

Sur la même thématique

Logo eDRH Sud PACA - Footer
Nous contacter

Chambre de Commerce
et d’industrie Nice Côte d’Azur

20 Boulevard Carabacel
CS 11259
06005 NICE CEDEX 1

Tel :04 93 13 75 73
(Appel gratuit depuis un poste fixe)