top of page

ReactJS Avancé : Développement d'interfaces utilisateur performantes et réactives

average rating is 4.4 out of 5, based on 12 votes, Note de la Formation
Decription

Description :

Perfectionnez vos compétences React.js pour développer des applications web complexes et performantes. Maîtrisez les concepts avancés : hooks personnalisés, context API, memoization et techniques d'optimisation des performances. Explorez les architectures modernes avec Redux/Redux Toolkit ou les alternatives comme Zustand. Développez votre expertise en gestion des effets secondaires, tests automatisés et déploiement d'applications React en production avec CI/CD.

intra.png

Les intra les plus accessibles du marché. 

Offrez à vos employés une formation clé en main sur ce programme ou personnalisez-le pour répondre parfaitement aux besoins spécifiques de votre entreprise.

3900€ HT

Prix pour un groupe de 12 personnes maximum

Ref:

REA1

3 Jours

/

21h00

Public

    - Développeurs front-end
    - Développeurs full-stack
    - Étudiants en développement web

    Nos formations sont accessibles aux personnes en situation de handicap. Chaque situation étant unique, nous vous demandons de préciser l’adaptation nécessaire à l’inscription.

Objectifs de formation

    - Comprendre les bases de ReactJS et des composants
    - Gérer les états avec hooks et context
    - Connecter une application ReactJS à une API
    - Optimiser les performances des applications React

Prérequis

    - Connaissance de base en JavaScript et HTML
Objectifs

Programme de formation

Programme

ReactJS Avancé : Développement d'interfaces utilisateur performantes et réactives

Introduction

    Rappels sur ES6+ et les modules.
    Les principes clés de React : VirtualDOM, JSX, One-way Data Flow.
    Découvrir l’écosystème des outils ReactJS.

Bonnes pratiques de développement

    Rappels de productivité : prop-types et DefaultProps, component sheet avec StoryBook.
    Typage du code avec flow ou TypeScript.
    Prototyper rapidement un composant, solutions.
    Mettre en place des tests unitaires et fonctionnels.

Techniques et design patterns avancés

    Le pattern des higher order components (HOC).
    Le rendu dans des éléments DOM distants avec les portals.
    Injection de dépendances avec les contexts.
    "React hooks" programmation fonctionnelle : useEffect, useState.
    React : création de "customHooks" pour distribuer une logique personnalisée.

Redux avancé

    Rappels Redux : les différentes entités, la syntaxe de base et l'intégration avec React.
    Simplifier et optimiser la création de formulaires avec Redux Form.
    Améliorer l'expérience utilisateur grâce à Redux Persist et au stockage local du state.
    Créer un middleware Redux Custom.

Optimisation des performances

    API pour l’optimisation React.Suspense React.Lazy, mode concurrent et React.Cache.
    Server side rendering avec NextJS.
    Comment optimiser le cycle de vie des composants ?
    Utiliser l'immutabilité pour accélérer et simplifier les traitements.
    Les composants purs.

Animations/transitions

    Animer les composants "à la main" à l'aide d'animations et transitions CSS.
    Simplifier le travail avec React Transition Group.
    Aller plus loin avec les principales librairies d'animation : comparatif et exemples de mise en œuvre.

L'internationalisation

    Internationalisation versus localisation : différences et scénarios d'utilisation.
    Les principales librairies d'internationalisation.
    Intégration dans React et Redux.

​

01 85 09 29 06
contact@oxformation.com

    ​
bottom of page