ReactJS, maîtriser le framework JavaScript

ReactJS, maîtriser le framework JavaScript

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

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.
  • ReactJS, positionnement et philosophie.
  • JSX, présentation.
  • 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 : 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.
  • 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 ou Redux

  • Redux : présentation. Propagation de données.
  • Rôle du ”Dispacther” dans Redux pour les actions.
  • Les ”Stores”, gestionnaire d’états logique dans Redux.
  • Définition du Functionnal Programming.
  • Approche avec Redux. Le ”Reducer”.
  • Extension pour ReactJS : ”hot-loader”. (optionnel)

Travaux pratiques
Intégration d’une SPA.

 

Introduction à React Native

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

Démonstration
Application utilisant React Native.


Cette formation ne nécessite pas de prérequis.

Formateur

Les formateurs de CROSSTHINK sont des experts de leur domaine, disposant d’une expérience terrain qu’ils enrichissent continuellement. Leurs connaissances techniques et pédagogiques sont rigoureusement validées en amont en interne.

Moyens Pédagogiques

  • Présentation du formateur et du programme.
  • Présentation et écoute de chacun de stagiaires.
  • Apports didactiques pour apporter des connaissances communes.
  • Mises en situation de réflexion sur le thème du stage et des cas concrets.
  • Méthodologie d’apprentissage interactive et participative.
  • Exercices et études de cas concrets.
  • Temps d’échanges.
  • Accompagnement pédagogique individualisé.

Suivi de l’évaluation des résultats de la formation

  • Accueil des stagiaires dans une salle dédiée à la formation / A distance
  • Feuilles de présence.
  • Documents supports de formation projetés.
  • Mise à disposition du stagiaire des documents et supports de formation.
  • Tout au long et/ou à l’issue de la formation : Evaluation des acquis des stagiaires via des exercices, des QCM, des QUIZZ, des mises en situation et/ou des cas pratiques.
  • Enquête de satisfaction.
  • Attestation de fin de formation.

Accessibilité aux personnes handicapées

En cas de situation d’handicap, merci de nous contacter afin d’étudier l’adaptation des moyens de formation.

En bref

Durée : 3 jours
Tarif : 1490€ HT

Formations à distance

Contactez-nous
contact@crossthink.fr

contact@crossthink.fr

PROCHAINES DATES

Nous consulter

Accessible aux personnes en situation de handicap

Demande de renseignement

Je souhaite

Etes-vous en situation de handicap ?