Initiation au Framework ReactJs

Les points forts de la formation

Objectif de la formation

- Connaître les spécificités et acquérir une connaissance plus approfondie de ReactJS - Développer avec ReactJS - Connaitre les meilleures pratiques de React - Développer des applications web performantes avec ReactJS

Contenu de la formation

- PRÉSENTATION DE ReactJS - Positionnement de ReactJS - Virtual DOM avec ReactJS - Mise en place des outils de développement - Tour d'horizon des outils de développement et d'intégration actuelle - Création d'une application React avec le script "create-react-app" - 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. - 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. - Écosystème du JavaScript côté serveur. - Initiation à NodeJS. - Configuration de NodeJs pour ReactJS. - Organisation de routes.

Résultats attendus

Modalités pédagogiques

Modalités pédagogiques adaptées aux personnes en situation de handicap

Notre centre de formation prend en charge et facilite l'accès à la formation des personnes en situation de handicap. Les locaux sont adaptés pour faciliter l'accès et les déplacements des personnes en situation de handicap (WC aux normes handicapées, espaces facile d'accès). Les activités annexes à la formation de cohésion, de jeux et de détentes sont accessibles aux personnes en situation de handicap. Mise à disposition d'un référent pédagogique handicap au sein du centre pour accompagner les apprenants.

Durée et rythme de la formation

0 h
Plusieurs rythmes possibles

Financement