SKIP TO CONTENT
The portal for lifelong-learning
LU
DE
EN
FR
PT
You are here: Home > Training courses > ORSYS Luxembourg

ReactJS, maîtriser le framework JavaScript de Facebook

3 day(s)

Objectives

Prenant à contrepied les modèles traditionnels, le framework maintenu par Facebook favorise la simplicité et la performance des composants de RIA. Vous apprendrez dans ce cours à développer des applications avec ReactJS, JSX et Flux et découvrirez le principe et les bénéfices du développement isomorphique.

Objectifs pédagogiques:
  • Développer avec ReactJS
  • Concevoir une SPA avec ReactJS et Flux
  • Comprendre le subset JavaScript JSX
  • Optimiser les performances des RIA

Content

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 œuvre "Transpilers".
  • Environnement de développement. IDE et plug-ins.

Travaux pratiques: Mise en place de l'environnement de développement. Initiation à JSX. Définition de la structure de l'application.

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.

Travaux pratiques: Définition et réalisation de composants selon les spécifications déterminées.

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.

Travaux pratiques: Création d'un ensemble structuré de composant UI.

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".

Travaux pratiques: Intégration d'une SPA.

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.

Travaux pratiques: Prérendu serveur d'une application.

Introduction à React Native
  • Positionnement, différences avec Cordova.
  • De React aux composant iOS natifs, un projet à suivre.

Démonstration: Application utilisant React Native.

Teaching methods

Développement guidé. 50% de théorie illustrée par 50% de pratique.

Target group

Who is the course aimed at?

Développeurs JavaScript, architectes et chefs de projets Web.

 
Prerequisites

Pratique du développement Web, maîtrise et pratique de JavaScript (ES5 minimum).

Assessment

Certficate, diploma

Une attestation de présence sera envoyée aux participants après la formation.

Additional information

12 participants maximum - Ouverture garantie à partir de 3 personnes - Classe à distance possible

Contact the training provider
Share this content

 



Responsibility for the content of this training description lies solely with its author, the training provider ORSYS Luxembourg.

Print Expand/Collapse all Send to a friend
Contact the training provider
Characteristics
Organisation Formation inter et intra-entreprise
Languages
Next sessions
From/To Location Price
20 - 22/12/21
  ORSYS Luxembourg   2398.50 €
See details
Use of cookies

lifelong-learning.lu uses cookies to offer you a quality user experience, measure audiences, optimise functions on social media, and offer you personalised content.

By continuing to browse this website, you accept the use of cookies subject to the conditions provided for in our policy on the subject. Find out more.

Essential cookies
These cookies make it possible to use the main functions of our website (including access to your personal space). Normal use of our website is not possible unless these cookies are enabled.
Statistics
These cookies make it possible to compile statistics on visits to our website. Disabling them stops us monitoring and improving the quality of the services we provide.
Targeted advertising
These cookies make it possible to provide you with information via the Internet and the social media, with offers of training that match your needs.

Read our policy on the use of cookies.

Accept all Manage your cookie settings
Veuillez patienter...