Bibliothèque JavaScript développée par Facebook depuis 2013, ReactJS voit sa popularité exploser. Certains acteurs de la nouvelle économie tels que Netflix, Airbnb ou encore WhatsApp ont d'ailleurs adopté ce moteur de rendu JavaScript qui se démarque de ses concurrents par sa flexibilité et ses performances principalement dues au fait qu'il ne met à jour le rendu de page web dans le navigateur qu'en cas de nécessité. A l'issue de cette formation, les participants disposeront des connaissances et compétences nécessaires au développement d'interfaces utilisateur avec le framework ReactJS.
Objectifs de cette formation
ReactJS - Développement d'applications Web - Connaître les spécificités de ReactJS
- Savoir développer des applications web performantes avec ReactJS
- Concevoir une SPA avec ReactJS et Flux
- Comprendre le subset JavaScript JSX
- Optimiser les performances des RIA
- Être en mesure de comprendre les impacts du choix d'une architecture incluant ce type d'application
- Développeurs
- Architectes
- Chefs de projets...
En Présentiel / A distance
Rappels
- Définir un vocabulaire commun et connaitre les éléments du langage les plus couramment utilisés
- ES6 (nouveautés du langage)
- Programmation fonctionnelle (High order function, ...)
En Présentiel / A distance
React
- Principes de base : comprendre l'intérêt de react par rapport à ses concurrents et la façon dont il a été pensé
- Composants (classe, stateless component, High Order Component) : apprendre à écrire les composants et découper sa page en composants réutilisables
- États des composants (data) : comment garder de la donnée au sein d'un composant ou l'échanger entre composants
- Redux : comprendre les limites de l'utilisation des états des composants, échanger de la donnée entre plusieurs composants, séparer la donnée de la vue, comprendre l'intérêt du pattern Redux par rapport aux concurrents (two-way binding par exemple)
- Principes du pattern (flux unidirectionnel, store, reducer, actions, ...)
- Redux-saga
- React-router objectifs : construire une SPA dont les urls sont bookmarkables
- Tests / debugging objectifs produire une application de qualité avec des tests unitaires et de composant
- Optimisations des applications (vitesse, mémoire, ...) : comprendre le fonctionnement de la librairie et les premières choses à mettre en place pour éviter des traitements supplémentaires, utiliser des outils pour voir où intervenir dans le code en priorité
Après la session
Retrouvez sur le Learning Hub ib :
- Des vidéocasts pour revenir sur les points clés de la formation
Les plus de cette formation
ReactJS - Développement d'applications Web - Une pédagogie rythmée et variée fondée sur une alternance d'apports méthodologiques, d'ateliers pratiques et de phases d'échanges.
- Une vue d'ensemble des fonctionnalités du Framework ReactJS.
- Les retours d'expériences et conseils de consultants experts.
- Répartition théorie/pratique : 45% / 55%
- Cette formation se compose d'une alternance d'apports théoriques, de travaux pratiques s'articulant autour d'une application fil rouge, de démonstrations, de phases d'échanges entre participants et de synthèses de la part du formateur
- Ressources pédagogiques : un guide d'animation, un ordinateur connecté à Internet par participant, un support de cours en français, un cahier d'ateliers