18, Avenue de l’Europe – Parc technologique du Canal

31520 Ramonville-Saint-Agne

05 61 32 99 49

React.js

Référence F186766
Tarif présentiel ou distanciel 1500 €
Session ouverte A partir de 2 personnes
Intra-entreprise Nous consulter

Public concerné

Développeurs JavaScript, architectes et chefs de projets web

Objectifs

Savoir développer avec ReactJS – Concevoir une SPA avec ReactJS et Flux – Comprendre le subset JavaScript JSX – Optimiser les performances des RIA

Durée : 3 jours

Prérequis

Bonne connaissance de JavaScript, pratique du développement web

Méthodes et Moyens pédagogiques

Formation réalisée en présentiel ou en distanciel (Choix à définir). Exposés, cas pratiques, synthèse. Matériel : 1 poste par stagiaire, vidéoprojecteur, tableau

Support de cours fourni à chaque stagiaire.

Modalités de suivi et d’évaluations

Feuille de présence émargée par demi-journée par les stagiaires et le formateur
Exercices de mise en pratique ou quiz de connaissances tout au long de la formation permettant de mesurer la progression des stagiaires
Questionnaire d’évaluation de la satisfaction en fin de stage
Auto-évaluation des acquis de la formation par les stagiaires
Attestation de fin de formation

Informations pratiques

Informations pratiques : Accessibilité , modalités et délais d’accès.

 Contenu 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, ReactJS, positionnement et philosophie
  • JSX : présentation. Mise en œuvre “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.
DEMANDER UN DEVIS ÊTRE RAPPELÉ

Dates inter-entreprises

Toulouse

Top