[{"data":1,"prerenderedAt":46},["ShallowReactive",2],{"course-reactjs-developper-des-applications-avancees":3,"highlight-jsx-import { useReducer,":45},{"id":4,"name":5,"slug":6,"location":7,"targetAudienceFormatMarkdown":8,"prerequisitesFormatMarkdown":9,"objectivesFormatMarkdown":10,"descriptionFormatMarkdown":11,"teachingMethodsFormatMarkdown":12,"teachingResourcesFormatMarkdown":13,"evaluationMethodsFormatMarkdown":14,"accessibilityFormatMarkdown":15,"accessMethodsFormatMarkdown":16,"minimumParticipants":17,"maximumParticipants":17,"duration":18,"reference":19,"trainerType":7,"updated_at":20,"created_at":21,"price":22,"organizationMode":7,"theme":23,"code":27,"tags":32,"metadata":36},"/api/courses/376bcb63-1c11-4047-b203-fa4dc56800dc","ReactJS – Développer des applications avancées ","reactjs-developper-des-applications-avancees",null,"Développeurs front‑end souhaitant approfondir leurs compétences en ReactJS. \n\nDéveloppeurs Web ou full‑stack désireux de maîtriser des techniques avancées pour des applications interactives complexes. \n\nIntégrateurs techniques impliqués dans des projets nécessitant des optimisations, de la performance ou des architectures évolutives.","-   Maîtrise des bases de ReactJS (composants, props, state, hooks simples). \n-   Bonne connaissance de JavaScript moderne (ES6+). \n-   Connaissances de base en HTML et CSS. \n-   Aisance avec un éditeur de code et les outils de build (npm/yarn). ","-   Approfondir l’utilisation des hooks avancés et optimiser la logique fonctionnelle d’un composant. \n-   Concevoir et structurer des architectures d’applications React performantes. \n-   Exploiter des techniques de gestion d’état sophistiquées (context, reducers, libraries externes). \n-   Optimiser la performance et la réactivité d’une application React. \n-   Intégrer des solutions de routage, d’accès aux API et de tests automatisés. ","--day1--\n\n## Approfondissement des hooks et logique de composants \n\n-   Rappels des hooks de base. \n-   Utilisation avancée de useEffect, useMemo, useCallback. \n-   Création de hooks personnalisés pour extraire la logique réutilisable. \n-   Gestion de cycles de vie complexes et nettoyage d’effets. \n-   Travaux pratiques : optimisation de composants via hooks avancés. \n\n--break--\n\n## Gestion d’état et context React \n\n-   Besoin d’une gestion d’état globale. \n-   Mise en œuvre du Context API pour partager des données entre composants. \n-   Comparaison et utilisation de solutions externes (Redux, Recoil ou Zustand). \n-   Stratégies de structuration d’état et patterns recommandés. \n-   Atelier pratique : implémentation d’un store global et interaction avec divers composants. \n\n--day2--\n\n## Routage, appels API et données asynchrones \n\n-   Introduction et configuration de React Router. \n-   Définition de routes et navigation programmée. \n-   Paramètres de route et navigation conditionnelle. \n-   Appels API asynchrones avec fetch ou axios et gestion des valeurs retournées. \n-   Gestion des états de chargement et des erreurs réseau. \n-   Exercices guidés : intégration d’API dans une application multi‑vues. \n\n--break--\n\n## Optimisation, tests et bonnes pratiques \n\n-   Techniques d’optimisation (lazy loading, code splitting, suspense). \n-   Tests unitaires et tests d’intégration pour composants React (Jest, React Testing Library). \n-   Mise en place d’une stratégie de tests cohérente. \n-   Bonnes pratiques de structuration, nommage et organisation de projet. \n-   Synthèse des acquis, revue collective d’exercices et pistes pour aller plus loin.","Nos formations, équilibrées entre théorie (50%) et pratique (50%), offrent un apprentissage interactif grâce à des méthodes variées comme les travaux pratiques, les mises en situation et les démonstrations. Des QCM réguliers assurent le suivi des acquis.\n\nVariables suivant les formations, les moyens techniques mis en oeuvre sont :\n\nOrdinateurs Mac ou PC, connexion internet fibre, tableau blanc ou écran (pour le distanciel).\n\nEn cas de formation intra sur site externe à Le Code, le client s'assure et s'engage également à avoir toutes les ressources matérielles pédagogiques nécessaires\n\n(équipements informatiques...) au bon déroulement de l'action de formation visée conformément aux prérequis indiqués dans le programme de formation communiqué","Les supports pédagogiques sont remis aux stagiaires sous format numérique et/ou papier selon les modalités de la formation.\n\n  \n\nIls comprennent des supports de cours, des présentations, des fiches pratiques, des études de cas, des exercices applicatifs ainsi que des QCM d’entraînement selon la formation. (adapté au choix du formateur)\n\n  \n\nLes formations s’appuient sur des moyens techniques adaptés : ordinateurs, logiciels professionnels, connexion internet, écran ou vidéoprojecteur, ainsi que des outils collaboratifs et de visioconférence pour les formations à distance.\n\n  \n\nL’ensemble des supports pédagogiques est accessible pendant et après la formation afin de favoriser l’appropriation et la mise en pratique des compétences acquises.","En amont de la formation, un recueil des besoins permet de récolter des informations sur le stagiaire et ses attentes. L’évaluation se fait en cours de formation, par des études de cas ou des travaux pratiques. En fin de formation, par un questionnaire d’auto-évaluation et/ou un examen.\n\nUn suivi de qualité est effectué grâce à nos sessions en groupe restreint (entre 2 et 9 participants maximum). Le stagiaire émargera par demi-journée et recevra une attestation de formation.","Nous informons l'ensemble de nos clients et stagiaires que nous sommes dans la capacité d’adapter les sessions selon les handicaps et les situations spécifiques. Nous nous engageons à répondre à toutes vos demandes sous un délai de 48h\n\nouvré.","Si l’une de nos formations vous intéresse, contactez-nous au +33 4 93 65 34 24 ou à l’adresse mail contact@m2g-intellect.fr. Selon votre besoin et vos attentes, nous organiserons un échange téléphonique avec le formateur pressenti afin d’adapter la\n\nformation et ses modules, puis nous vous adresserons un devis.\n\nLes dates de la formation seront à convenir sous 30 jours maximum.",0,"14.00","react av","2026-04-22T15:25:31+00:00","2026-04-22T15:16:06+00:00","1500.00",{"id":24,"name":25,"slug":26},"/api/themes/abd712b8-6a6c-4c9b-b382-0aea1eac47d6","Développement Web Frontend","developpement-web-frontend",{"id":28,"label":29,"domain":30},"/api/training_specialities/163","326 - Informatique, traitement de l’information, réseaux de transmission des données",{"label":31},"32 - Communication et information",[33],{"id":34,"name":35},"7732139d-6025-4fde-b145-39298ced3408","MENUFEATURED",{"desc-accroche":37,"Description":38,"icon-color":39,"icon-name":40,"code-langage":41,"code-snippet":42,"courte-description":43,"titre-accroche":44},"Poussez votre expertise React au niveau supérieur en maîtrisant les Hooks avancés (useMemo, useCallback), la gestion d'état complexe avec Redux Toolkit ou Context API, et l'implémentation de tests unitaires avec Jest et React Testing Library.","Cette formation React avancée est dédiée aux développeurs souhaitant industrialiser leurs pratiques et maîtriser les concepts profonds de la bibliothèque. Vous apprendrez à optimiser les performances de vos applications en évitant les rendus inutiles, à structurer la logique métier avec des Custom Hooks et à gérer des états globaux complexes. Un focus majeur est mis sur les patterns de conception avancés, le Server-Side Rendering (SSR) et la mise en place d'une stratégie de tests robuste pour garantir la fiabilité de vos interfaces. À l'issue de ce cursus, vous saurez piloter des projets React d'envergure en respectant les meilleures pratiques de l'industrie.","#61DAFB","mdi:react","jsx","import { useReducer, useCallback } from 'react';\n\nconst taskReducer = (state, action) => {\n\tswitch (action.type) {\n\t\tcase 'ADD_TASK':\n\t\t\treturn [...state, action.payload];\n\t\tdefault:\n\t\t\treturn state;\n\t}\n};\n\nconst TaskManager = () => {\n\tconst [tasks, dispatch] = useReducer(taskReducer, []);\n\tconst memoizedCallback = useCallback(() => {\n\t\t// Logique optimisée\n\t}, []);\n};","Maîtrisez les techniques avancées de ReactJS : optimisation des performances, gestion d'état global, hooks complexes et tests automatisés pour applications professionnelles.","Devenez un expert de l'écosystème React : apprenez à bâtir des architectures hautement performantes, scalables et prêtes pour la production.","\u003Cpre class=\"hljs\">\u003Ccode class=\"language-jsx\">\u003Cspan class=\"hljs-keyword\">import\u003C/span> { useReducer, useCallback } \u003Cspan class=\"hljs-keyword\">from\u003C/span> \u003Cspan class=\"hljs-string\">'react'\u003C/span>;\n\n\u003Cspan class=\"hljs-keyword\">const\u003C/span> \u003Cspan class=\"hljs-title function_\">taskReducer\u003C/span> = (\u003Cspan class=\"hljs-params\">state, action\u003C/span>) => {\n\t\u003Cspan class=\"hljs-keyword\">switch\u003C/span> (action.\u003Cspan class=\"hljs-property\">type\u003C/span>) {\n\t\t\u003Cspan class=\"hljs-keyword\">case\u003C/span> \u003Cspan class=\"hljs-string\">'ADD_TASK'\u003C/span>:\n\t\t\t\u003Cspan class=\"hljs-keyword\">return\u003C/span> [...state, action.\u003Cspan class=\"hljs-property\">payload\u003C/span>];\n\t\t\u003Cspan class=\"hljs-attr\">default\u003C/span>:\n\t\t\t\u003Cspan class=\"hljs-keyword\">return\u003C/span> state;\n\t}\n};\n\n\u003Cspan class=\"hljs-keyword\">const\u003C/span> \u003Cspan class=\"hljs-title function_\">TaskManager\u003C/span> = (\u003Cspan class=\"hljs-params\">\u003C/span>) => {\n\t\u003Cspan class=\"hljs-keyword\">const\u003C/span> [tasks, dispatch] = \u003Cspan class=\"hljs-title function_\">useReducer\u003C/span>(taskReducer, []);\n\t\u003Cspan class=\"hljs-keyword\">const\u003C/span> memoizedCallback = \u003Cspan class=\"hljs-title function_\">useCallback\u003C/span>(\u003Cspan class=\"hljs-function\">() =>\u003C/span> {\n\t\t\u003Cspan class=\"hljs-comment\">// Logique optimisée\u003C/span>\n\t}, []);\n};\u003C/code>\u003C/pre>",1781121857473]