Clever Institut

ReactJS

Par Clever Institut

Objectifs

  • Appréhender les concepts sous-jacents aux applications web modernes
  • Comprendre et maitriser React et Redux
  • Mettre en oeuvre les bonnes pratiques
  • Appréhender leur utilisation pour répondre aux besoins des applications les plus exigeantes

Programme

React
Introduction

  • Histoire
  • Généralités
  • Concepts

Outils

  • React Developer Tools
  • Webpack
  • Babel
  • Create React App

ES6

  • Classes
  • Fonctions fléchées
  • Affectation par décomposition
  • Spread operator

React DOM

  • Problématique du DOM
  • Virtual DOM

Le langage JSX

  • Concepts
  • HTML vs JSX
  • Intégration dans React

Components

  • Props
  • Définition d’un composant (fonction, classe)
  • Utilisation des hooks et définition de hook custom
  • Initialisation par requête asynchrone

State

  • Qu’est-ce qu’un état ?
  • Changer l’état
  • Problématique d’un état interne
  • Persister l’état d’un composant

Cycle de vie d’un composant

  • Mount
  • Update
  • Unmount

Routage

  • React-router
  • Routes imbriquées
  • Index et redirection
  • Routes à paramètres

Redux
Présentation de Redux

  • Etat de l’art
  • Gestion d’état
  • Problème solutionné par Redux

Principes fondateurs de Redux

  • Une seule source de vérité
  • Etat immutable
  • Modifications par fonctions pures

Les bases de Redux

  • Data flow
  • Actions
  • Reducers
  • Store

Redux avancé

  • Middleware
  • Actions asynchrones
  • Initialisation du store

React-redux

  • Principe de fonctionnement
  • Provider
  • Connect

TypeScript

  • Présentation et exemples
  • Utilisation avec React
  • Utilisation avec Redux

Pédagogie

50% théorie / 50% pratique

Formations de la même catégories (5)

Orsys
ReactJS, programmation avancéePar Orsys

À l'origine simple outil interne de Facebook, React est devenue l'une des principales librairies JavaScript open source. Avec cette formation, vous approfondirez votre maîtrise de React, découvrirez les dernières nouveautés et l'écosystème indispensable pour concevoir des applications web encore plus perfectionnées.

Orsys
React Native, développer des applications mobiles nativesPar Orsys

Réconciliant les développeurs d'applications natives et hybrides, React Native est devenu un framework de référence pour la création d'applications mobiles multiplateformes. Cette formation vous permettra d'acquérir les compétences nécessaires pour concevoir des applications compatibles avec iOS, Android et Windows.

Clever Institut
React NativePar Clever Institut

Lancé par Facebook dans le sillon de React, React Native est devenu en à peine deux ans le framework de création d’applications mobiles multi-plateformes le plus populaire, réconciliant les développeurs d’applications natives et hybrides.
Cette formation vous permettra d’appréhender les principes clés de React Native et d’acquérir les compétences nécessaires à la publications d’applications mobiles performantes, robustes et maintenables, et compatibles avec iOS, Android et Windows

Ambient IT
React NativePar Ambient IT

React Native est une technologie Open-Source de Facebook permettant la production d’applications mobiles natives sur iOS, Android et bientôt sur Windows 10 Mobile. Ce programme de 2 jours de formation est un condensé intensif des meilleures pratiques pour aborder un projet React Native. React en général et React Native en particulier ont introduit de nouvelles façons de “penser” une application avant de la coder et cela impacte tout le processus de conception, de production et de déploiement.

Ici nous nous concentrerons à 100% sur React-Native et son lot de libs associées sans lesquelles votre app ne serait pas « scalable » (flexible) dans un environnement réel de production.

Au bout de ce programme vous aurez développé deux Apps, dont une plus complète avec React Native et Redux, connectée à un « Backend as a Service » (BaaS) comme Firebase 3.0.

La formation utilisera la dernière version stable en date du projet (React Native 0.64 à ce jour ).

Openska
React NativePar Openska

React Native est un framework destiné au développement d’applications mobiles natives. Sa particularité est de permettre le développement React Native est un framework destiné au développement d’applications mobiles natives. Sa particularité est de permettre le développement d’applications multi-plateformes utilisant des composants natifs.
Lors de la formation vous découvrirez les principes clés de React Native et apprendrez à réaliser des applications mobiles performantes, stables et compatibles avec iOS, Android et Windows.