{"id":1133,"date":"2021-01-18T13:47:45","date_gmt":"2021-01-18T12:47:45","guid":{"rendered":"https:\/\/besttech.tn\/?post_type=product&p=1133"},"modified":"2024-04-08T14:40:16","modified_gmt":"2024-04-08T12:40:16","slug":"formation-reactjs","status":"publish","type":"product","link":"https:\/\/besttech.tn\/index.php\/produit\/formation-reactjs\/","title":{"rendered":"Formation ReactJS"},"content":{"rendered":"

Description de la formation React JS<\/h3>\n

Au cours de cette formation Angular, vous allez apprendre \u00e0 mod\u00e9liser<\/strong> , concevoir et \u00e0 r\u00e9aliser des applications <\/strong>pour le web en utilisant le framework Front end ReactJS<\/strong>.<\/p>\n

Objectifs<\/h3>\n

Concr\u00e8tement, \u00e0 l’issue de cette formation ReactJS , les participants auront acquis les comp\u00e9tences n\u00e9cessaires pour:<\/p>\n

    \n
  • Concevoir une application ReactJS et Redux<\/li>\n
  • Utiliser JSX et ES2015<\/li>\n
  • Comprendre l’immutabilit\u00e9 pour optimiser les performances des composants React<\/li>\n
  • Utiliser Redux pour organiser le code de fa\u00e7on tr\u00e8s productive<\/li>\n
  • Utiliser React c\u00f4t\u00e9 serveur pour le SEO et la vitesse sur mobile<\/li>\n<\/ul>\n

    Introduction \u00e0 React<\/h3>\n

    Philosophie de React
    \nLes autres Frameworks JavaScript
    \nEnvironnement de d\u00e9veloppement
    \nOutils de debug<\/p>\n

    Les nouveaut\u00e9s ECMAScript<\/h3>\n

    Pr\u00e9sentation d\u2019ECMAScript
    \nLes nouveaut\u00e9s ES6\/ES2015
    \nES2017 : les fonctions \u00ab async \u00bb<\/p>\n

    Premiers d\u00e9veloppements avec ReactJS<\/h3>\n

    Le composant
    \nPrincipe et cons\u00e9quences du Virtual Dom
    \nLa fonction render()
    \n‘props’ et ‘state’
    \nLe langage JSX<\/p>\n

    Les possibilit\u00e9s de build<\/h3>\n

    Build complet avec webpack
    \nBuild manag\u00e9 avec la cli create-react-app
    \nLes diff\u00e9rents packages de bootstraping React<\/p>\n

    Les Composants React<\/h3>\n

    Les composants fonctionnels et de classe
    \nComposition de multiple composants
    \nCycle de vie d’un Composant de classe
    \nLes Hooks des composants fonctionnels
    \nGestion des \u00e9v\u00e9nements click, mouseover…<\/p>\n

    Styliser ces composants<\/h3>\n

    Les diff\u00e9rentes approches pour styliser un composant
    \nLa biblioth\u00e8que de \u00ab styled-components \u00bb Emotion<\/p>\n

    Interaction de l’utilisateur avec les composants<\/h3>\n

    Gestion d’Ajax
    \nGestion des formulaires
    \nManipulation du DOM, DOM virtuel<\/p>\n

    Gestion centralis\u00e9e des donn\u00e9es<\/h3>\n

    Pr\u00e9sentation des diff\u00e9rentes technologies de gestion (Redux, MobX, etc.)
    \nPr\u00e9sentation de Redux
    \nLe Store et les Actions
    \nCr\u00e9ation de Reducteurs pour les Actions
    \nUtilisation avec React<\/p>\n

    Le Router<\/h3>\n

    Les diff\u00e9rents Routers
    \nHashRouter ou PushState
    \nCons\u00e9quences sur le d\u00e9ploiement<\/p>\n

    Application isomorphique<\/h3>\n

    Pr\u00e9sentation de NodeJS
    \nPrincipe et b\u00e9n\u00e9fices du d\u00e9veloppement isomorphique
    \nD\u00e9couverte du Framework NextJs<\/p>\n

    Bonnes pratiques de d\u00e9veloppement<\/h3>\n

    Rappels prop-types et defaultProps
    \nPasser de flow \u00e0 TypeScript
    \nMettre en place des tests unitaires et fonctionnels<\/p>\n

    Techniques et design patterns avanc\u00e9s<\/h3>\n

    Le pattern des Higher Order Components (HOC)
    \nLe rendu dans des \u00e9l\u00e9ments DOM distants avec les Portals
    \nInjection de d\u00e9pendances avec les Context
    \nTechniques avanc\u00e9es de la m\u00e9thode render : Fragments et render props<\/p>\n

    Redux avanc\u00e9<\/h3>\n

    Rappels Redux : les entit\u00e9s, la syntaxe et l\u2019int\u00e9gration avec React
    \nSimplifier et optimiser la cr\u00e9ation de formulaires avec Redux Form
    \nAm\u00e9liorer l\u2019exp\u00e9rience utilisateur gr\u00e2ce \u00e0 Redux Persist et au stockage local du state
    \nCr\u00e9er un Middleware Redux Custom
    \nLa biblioth\u00e8que Redux-Saga<\/p>\n

    La programmation r\u00e9active<\/h3>\n

    Principe
    \nRxJS<\/p>\n","protected":false},"excerpt":{"rendered":"

    Au cours de cette formation Angular, vous allez apprendre \u00e0 mod\u00e9liser<\/strong> , concevoir et \u00e0 r\u00e9aliser des applications <\/strong>pour le web en utilisant le framework Front end ReactJS<\/strong>.<\/p>\n","protected":false},"featured_media":1217,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":""},"yoast_head":"\nFormation ReactJS: Devenez un d\u00e9veloppeur ReactJS au bout de 30H.<\/title>\n<meta name=\"description\" content=\"Formation ReactJS: Ajax, NodeJS Dur\u00e9e : 4 jours (24H). Formation 100% pratique. Devenez un d\u00e9veloppeur ReactJS.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/besttech.tn\/index.php\/produit\/formation-reactjs\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Formation ReactJS: Devenez un d\u00e9veloppeur ReactJS au bout de 30H.\" \/>\n<meta property=\"og:description\" content=\"Formation ReactJS: Ajax, NodeJS Dur\u00e9e : 4 jours (24H). Formation 100% pratique. Devenez un d\u00e9veloppeur ReactJS.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/besttech.tn\/index.php\/produit\/formation-reactjs\/\" \/>\n<meta property=\"og:site_name\" content=\"BESTTECH\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Besttech-sarl-1783789231766986\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-08T12:40:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/besttech.tn\/wp-content\/uploads\/2021\/01\/formation-ReactJS.png\" \/>\n\t<meta property=\"og:image:width\" content=\"522\" \/>\n\t<meta property=\"og:image:height\" content=\"343\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture est.\">\n\t<meta name=\"twitter:data1\" content=\"2 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/besttech.tn\/#website\",\"url\":\"https:\/\/besttech.tn\/\",\"name\":\"BESTTECH\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/besttech.tn\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/besttech.tn\/index.php\/produit\/formation-reactjs\/#primaryimage\",\"inLanguage\":\"fr-FR\",\"url\":\"https:\/\/besttech.tn\/wp-content\/uploads\/2021\/01\/formation-ReactJS.png\",\"width\":522,\"height\":343,\"caption\":\"Formation React Js\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/besttech.tn\/index.php\/produit\/formation-reactjs\/#webpage\",\"url\":\"https:\/\/besttech.tn\/index.php\/produit\/formation-reactjs\/\",\"name\":\"Formation ReactJS: Devenez un d\\u00e9veloppeur ReactJS au bout de 30H.\",\"isPartOf\":{\"@id\":\"https:\/\/besttech.tn\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/besttech.tn\/index.php\/produit\/formation-reactjs\/#primaryimage\"},\"datePublished\":\"2021-01-18T12:47:45+00:00\",\"dateModified\":\"2024-04-08T12:40:16+00:00\",\"description\":\"Formation ReactJS: Ajax, NodeJS Dur\\u00e9e : 4 jours (24H). Formation 100% pratique. Devenez un d\\u00e9veloppeur ReactJS.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/besttech.tn\/index.php\/produit\/formation-reactjs\/\"]}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/besttech.tn\/index.php\/wp-json\/wp\/v2\/product\/1133"}],"collection":[{"href":"https:\/\/besttech.tn\/index.php\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/besttech.tn\/index.php\/wp-json\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/besttech.tn\/index.php\/wp-json\/wp\/v2\/comments?post=1133"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/besttech.tn\/index.php\/wp-json\/wp\/v2\/media\/1217"}],"wp:attachment":[{"href":"https:\/\/besttech.tn\/index.php\/wp-json\/wp\/v2\/media?parent=1133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}