React avancé Mixte : présentiel / à distance

Dernière mise à jour : 02/04/2024

Bannière visuelle de présentation de la formation

Présentation

Alors que les géants des médias sociaux tels que Facebook comptent sur ReactJS pour garantir d'excellentes interfaces utilisateur, la popularité de ce framework augmente de manière exponentielle parmi les développeurs front.

 

Cette formation ReactJS vise √† fournir des conseils essentiels pour ma√ģtriser ReactJS, et enseigne aux participants comment appliquer les techniques de codage avanc√©es React and Redux pour d√©velopper des applications hautement performantes.

Objectifs

  • Ma√ģtriser les principes g√©n√©raux de¬†React
  • Comprendre les diff√©rentes approches de gestion de l'√©tat¬†dans l'√©cosyst√®me¬†React
  • Utiliser la programmation fonctionnelle pour am√©liorer la qualit√© du code
  • Comprendre les performances absolues et per√ßues, et comment les am√©liorer
  • Styliser les applications¬†React et utiliser¬†des syst√®mes de conception
  • Comprendre comment construire des composants faciles √† r√©utiliser et √† entretenir
  • Savoir charger ses applications¬†React¬†c√īt√© serveur

Programme

Penser en React

  • De l'imp√©ratif au d√©claratif
  • L'UI comme une fonction du state et des props
  • Component tree de ReactJS, host et virtual tree
  • Mise en place du state
  • Flux de donn√©es unidirectionnel descendant
  • Mod√®le de composition React
  • Outils de d√©veloppement React

 

JavaScript moderne

  • D√©composition, op√©rateurs spread et rest
  • Modules, let, const et var
  • It√©rateurs et introduction √† la programmation fonctionnelle en JS
  • Fonctions Arrow et litt√©raux de gabarit
  • Promises et async
  • JavaScript moderne pour React- Babel, ES6 et au-del√†

 

Routage et data fetching

  • Routeur React
  • Routage d√©claratif
  • Mise en Ňďuvre d'une page ma√ģtre
  • Cycle de vie des composants avec les effets
  • Recherche de donn√©es

 

Formulaires et authentification

  • Gestion des formulaires dans React
  • Composants contr√īl√©s
  • Composants non contr√īl√©s

 

Authentification

  • JWT
  • Autorisation, pages publiques et priv√©es

 

Principes fondamentaux de Redux

  • Introduction √† la programmation fonctionnelle (FP)
  • Donn√©es et comportements
  • Donn√©es entrantes, donn√©es sortantes
  • Mutations
  • Fonctions pures
  • Principes de Redux
  • Store, Reducers et Actions
  • Une source unique de v√©rit√©
  • React-Redux : fournisseur et connexion
  • Construisez votre propre version de Redux avec le TDD
  • R√©cup√©ration des donn√©es du serveur vers Redux

 

Programmation fonctionnelle 

  • Closure
  • Memoization
  • Composition

 

Hooks

  • Comment remplacer Redux par les hooks
  • Mod√®le de composition des hooks et personnalisation
  • useReducer
  • useContext
  • useMemo

 

Patterns précédents

  • Higher-Order Components (HOC)
  • Refactoring des patterns ant√©rieurs en hooks

 

Profilage

  • √Čviter les restitutions
  • State encapsul√©
  • React.memo et immuabilit√©

 

Le Server Side Rendering : Chargement c√īt√© serveur

  • Les limites du rendu c√īt√© client
  • Allier rendu c√īt√© serveur et rendu c√īt√© client

 

Styliser en React

  • CSS-in-JS par rapport √† d'autres approches
  • Comparaison des biblioth√®ques des composants UI: SemanticUI, MaterialUI, Rebass, et React-Bootstrap
  • Composants stylis√©s
  • Storybook

 

UI patterns avancés

  • Th√®mes
  • Composition de composants

 

Systèmes de conception

  • Constantes pour le design : espacements, polices et couleurs
  • Syst√®me de style
  • Limiter la port√©e style
  • Syst√®me de conception bas√© sur les props: props array et variantes
  • Responsive design
  • Utiliser des props au lieu d'√©crire des requ√™tes de m√©dias √† la main
  • Adaptation selon le support d'affichage

Public visé

  • D√©veloppeurs web
  • Architectes

Modalités pédagogiques

Docaposte Institute propose plusieurs dispositifs pédagogiques adaptés aux apprenants :

 

  • Formation en pr√©sentiel
    • En groupe (inter-entreprises ou intra-entreprise)
    • En individuel (monitorat)
    • En journ√©e ou en cours du soir (sur demande sp√©cifique)
  • Formation en distanciel
    • Distanciel synchrone
    • Distanciel asynchrone

 

 

Prérequis

Moyens et supports pédagogiques

  • ¬∑¬†¬†¬†¬†¬†¬† Apports¬†des connaissances communes.
  • ¬∑¬†¬†¬†¬†¬†¬† Mises en situation sur le th√®me de la formation¬†et des cas concrets.
  • ¬∑¬†¬†¬†¬†¬†¬† M√©thodologie d'apprentissage attractive, interactive et participative.
  • ¬∑¬†¬†¬†¬†¬†¬† Equilibre th√©orie / pratique : 60 % / 40 %.
  • ¬∑¬†¬†¬†¬†¬†¬† Supports de cours fournis au format papier et/ou num√©rique.
  • ¬∑¬†¬†¬†¬†¬†¬† Ressources documentaires en ligne et r√©f√©rences mises √† disposition par le formateur.
  • ¬∑¬†¬†¬†¬†¬†¬† Pour les formations en pr√©sentiel dans les locaux mis¬†√† disposition, les apprenants¬†sont accueillis dans une salle de cours √©quip√©e d'un r√©seau Wi-Fi, d'un tableau blanc ou paperboard. Un ordinateur avec les logiciels appropri√©s est mis √† disposition (le cas √©ch√©ant).

 

 

 

Modalités d'évaluation et de suivi

En amont de la formation

·       Recueil des besoins des apprenants afin de disposer des informations essentielles au bon déroulé de la formation (profil, niveau, attentes particulières...).

·       Auto-positionnement des apprenants afin de mesurer le niveau de départ.

Tout au long de la formation

¬∑¬†¬†¬†¬†¬†¬† √Čvaluation continue des acquis avec¬†des questions orales, des exercices, des QCM, des cas pratiques ou mises en situation...

A la fin de la formation

·       Auto-positionnement des apprenants afin de mesurer l'acquisition des compétences.

·       Evaluation par le formateur des compétences acquises par les apprenants.

·       Questionnaire de satisfaction à chaud afin de recueillir la satisfaction des apprenants à l'issue de la formation.

·       Questionnaire de satisfaction à froid afin d'évaluer les apports ancrés de la formation et leurs mises en application au quotidien.

Accessibilité

Nos formations peuvent être adaptées à certaines conditions de handicap. Nous contacter pour toute information et demande spécifique.

M'inscrire à la formation

Valider la pré-inscription
Inscription possible jusqu'à 10 jours avant démarrage formation

Prochaines Sessions

  • D√©sol√©, cette formation n'est pas programm√©e pour le moment.

    Si vous êtes responsable formation, vous pouvez faire une requête pour l'organiser en INTRA dans votre entreprise.

Dans la même catégorie

Catalogue de formation propulsé par Dendreo,
Plateforme dédiée pour les OF