Macademia

React

Macademia

Non finançable CPF
Salarié en poste / Entreprise
En ligne
Présentiel
Voir des formations similaires
Public admis
Salarié en poste
Demandeur d'emploi
Entreprise
Etudiant
Prix
1600 €
Durée
4 jours
Pré-requis
  • Bonne connaissance de JavaScript
  • Pratique du développement web
Certifications
Datadock
Localité
En ligne
Vous pouvez suivre cette formation depuis chez vous ou depuis n’importe quel endroit à distance.
En présentiel
Découvrez les localités disponibles pour suivre cette formation en présentiel.
En savoir plus sur les localités en présentiel
Cette formation est disponible dans les centres de formation suivants:
  • 06 - Antibes
Cette formation peut être dispensée dans votre entreprise dans les localités suivantes :
  • 01 - Ain
  • 02 - Aisne
  • 03 - Allier
  • 04 - Alpes-de-Haute-Provence
  • 05 - Hautes-Alpes
  • 06 - Alpes-Maritimes
  • 07 - Ardèche
  • 08 - Ardennes
  • 09 - Ariège
  • 10 - Aube
  • 11 - Aude
  • 12 - Aveyron
  • 13 - Bouches-du-Rhône
  • 14 - Calvados
  • 15 - Cantal
  • 16 - Charente
  • 17 - Charente-Maritime
  • 18 - Cher
  • 19 - Corrèze
  • 21 - Côte-d'Or
  • 22 - Côtes-d'Armor
  • 23 - Creuse
  • 24 - Dordogne
  • 25 - Doubs
  • 26 - Drôme
  • 27 - Eure
  • 28 - Eure-et-Loir
  • 29 - Finistère
  • 2A - Corse-du-Sud
  • 2B - Haute-Corse
  • 30 - Gard
  • 31 - Haute-Garonne
  • 32 - Gers
  • 33 - Gironde
  • 34 - Hérault
  • 35 - Ille-et-Vilaine
  • 36 - Indre
  • 37 - Indre-et-Loire
  • 38 - Isère
  • 39 - Jura
  • 40 - Landes
  • 41 - Loir-et-Cher
  • 42 - Loire
  • 43 - Haute-Loire
  • 44 - Loire-Atlantique
  • 45 - Loiret
  • 46 - Lot
  • 47 - Lot-et-Garonne
  • 48 - Lozère
  • 49 - Maine-et-Loire
  • 50 - Manche
  • 51 - Marne
  • 52 - Haute-Marne
  • 53 - Mayenne
  • 54 - Meurthe-et-Moselle
  • 55 - Meuse
  • 56 - Morbihan
  • 57 - Moselle
  • 58 - Nièvre
  • 59 - Nord
  • 60 - Oise
  • 61 - Orne
  • 62 - Pas-de-Calais
  • 63 - Puy-de-Dôme
  • 64 - Pyrénées-Atlantiques
  • 65 - Hautes-Pyrénées
  • 66 - Pyrénées-Orientales
  • 67 - Bas-Rhin
  • 68 - Haut-Rhin
  • 69 - Rhône
  • 70 - Haute-Saône
  • 71 - Saône-et-Loire
  • 72 - Sarthe
  • 73 - Savoie
  • 74 - Haute-Savoie
  • 75 - Paris
  • 76 - Seine-Maritime
  • 77 - Seine-et-Marne
  • 78 - Yvelines
  • 79 - Deux-Sèvres
  • 80 - Somme
  • 81 - Tarn
  • 82 - Tarn-et-Garonne
  • 83 - Var
  • 84 - Vaucluse
  • 85 - Vendée
  • 86 - Vienne
  • 87 - Haute-Vienne
  • 88 - Vosges
  • 89 - Yonne
  • 90 - Territoire de Belfort
  • 91 - Essonne
  • 92 - Hauts-de-Seine
  • 93 - Seine-Saint-Denis
  • 94 - Val-de-Marne
  • 95 - Val-d'Oise
Objectifs
  • Développer et maintenir une application React
  • Maîtriser le développement orienté composant
  • Optimiser les performances des RIA (Rich Interface Application) React
  • Implémenter un système de routing optimisé côté front-end
Programme
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

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

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

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

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 »

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.

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

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

Introduction aux librairies populaires de React
  • ReactNative
  • NextJS
  • Material UI / React Bootstrap
Haut de page