TRA Travailleurs

React

Développé par Facebook, ReactJS défie les modèles traditionnels en favorisant la simplicité et la performance dans la conception d'applications web. Cette formation vise à habiliter les participants à maîtriser ReactJS et à concevoir des applications monopage (SPA) efficaces en utilisant Flux ou Redux. Du rappel des fondamentaux des RIA à l'introduction à React Native, en passant par la compréhension approfondie de JSX et la manipulation du DOM, chaque aspect essentiel est abordé pour permettre aux développeurs de réaliser des applications réactives et performantes.

3 jours

Durée de la formation

icone de date ligne courbe
icone de date ligne courbe

Début de la formation

16 septembre 2024

icone de cible

Objectifs de la formation

Au terme de la formation, le participant sera capable de:

  • Développer avec ReactJS
  • Concevoir une SPA avec ReactJS et Flux
  • Comprendre le subset JavaScript JSX
  • Optimiser les performances des RIA
image public cible

Public de la formation

Toute personne désireuse de réaliser un développement logiciel en utilisant le Framework React.

Prérequis pour la formation

Le participant doit disposer de connaissances avancées en Javascript ou Typescript.

arrière plan carte prérequis

Programme
de la formation

  • Rappels des composants des RIA
    • Les fondamentaux. HTML, CSS, JavaScript. Le DOM
    • Design patterns applicatifs classiques. Limitations des applications JavaScript
    • Ecosystème des frameworks JavaScript
    • Principes de Data-Binding : dirty-checking, observable, virtual-dom
    • ReactJS, positionnement et philosophie
    • JSX, présentation. Mise en oeuvre "Transpilers"
    • Environnement de développement. IDE et plug-ins
  • Développer avec ReactJS
    • Approche : MVC et Virtual Dom, un choix de performance
    • Utiliser JavaScript ou JSX
    • Comprendre JSX en détail. Pièges à éviter
    • Méthodes principales de l'API
    • Création de composant de vues. Cycle de vie
    • Initialisation de propriétés
    • "Render Function" : gestion des états de composant
  • Interactivité des composants
    • Gestion des événements. "autobinding" et délégation
    • Design Pattern : stratégie pour les composants à état
    • Composer par ensembles
    • "Component Data Flow" : propriétaire, enfants et création dynamique
    • Composants réutilisables : contrôle et transfert de propriétés
    • Contrôle des composants de formulaire
    • Manipulation du DOM
  • Application monopage avec ReactJS et Flux ou Redux
    • 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
    • Définition du Functionnal Programming
    • Approche avec Redux. Le "Reducer"
    • Extension pour ReactJS : "hot-loader"
  • Application isomorphique
    • Principe et bénéfices du développement isomorphique
    • Ecosystème du JavaScript côté serveur
    • Initiation à NodeJS
    • Configuration de NodeJs pour ReactJS
    • Organisation de routes
  • Introduction à React Native
    • Positionnement, différences avec Cordova
    • De React aux composant iOS natifs, un projet à suivre
image ligne principale image ligne secondaire
icone d'euro ligne courbe

Prix de la formation

Personne de contact

Magali Gerard

Magali Gerard

Assistante administrative Entreprises

+32 71 25 49 60 [email protected]