Image de NordWood Themes

ReactJS : Développement Web

Objectifs

Le nouveau framework React, créé par Facebook, s’est rapidement imposé grâce à ses très hautes performances par rapport aux autres Framework. Cette formation vous apprend comment utiliser React JS pour développer et tester vos des applications web robustes et performantes.

Concrètement, à l'issue de ce stage, les participants auront acquis les compétences nécessaires pour:

  • Concevoir une application ReactJS et Redux

  • Utiliser JSX et ES2015

  • Comprendre l'immutabilité pour optimiser les performances des composants React

  • Utiliser Redux pour organiser le code de façon très productive

  • Utiliser React côté serveur pour le SEO et la vitesse sur mobile

A qui s'adresse cette formation

Public :

Cette formation s'adresse à tous les Développeurs JavaScript ayant déjà de l’expérience.

 

Prérequis :

Posséder des bases solides en HTML5 et CSS3, et avoir suivi une formation JavaScript ou un niveau équivalent. Avoir certaines connaissances d'EcmaScript est également exigé.

 

 

 

 

Contenu du cours

Introduction à React

Philosophie de React
Les autres Frameworks JavaScript
Environnement de développement
Outils de debug

Les nouveautés ECMAScript

Présentation d’ECMAScript
Les nouveautés ES6/ES2015
ES2017 : les fonctions « async »

Premiers développements avec ReactJS

Le composant
Principe et conséquences du Virtual Dom
La fonction render()
'props' et 'state'
Le langage JSX

Les possibilités de build

Build complet avec webpack
Build managé avec la cli create-react-app
Les différents packages de bootstraping React

Les Composants React

Les composants fonctionnels et de classe
Composition de multiple composants
Cycle de vie d'un Composant de classe
Les Hooks des composants fonctionnels
Gestion des événements click, mouseover...

 

Styliser ces composants

Les différentes approches pour styliser un composant
La bibliothèque de « styled-components » Emotion

 

Interaction de l'utilisateur avec les composants

Gestion d'Ajax
Gestion des formulaires
Manipulation du DOM, DOM virtuel

 

Gestion centralisée des données

Présentation des différentes technologies de gestion (Redux, MobX, etc.)
Présentation de Redux
Le Store et les Actions
Création de Reducteurs pour les Actions
Utilisation avec React

 

Le Router

Les différents Routers
HashRouter ou PushState
Conséquences sur le déploiement

 

Application isomorphique

Présentation de NodeJS
Principe et bénéfices du développement isomorphique
Découverte du Framework NextJs

TechnoWide

3 rue du Golf

Parc Innolin

CS 60073

33701 MERIGNAC CEDEX

Bordeaux

  • LinkedIn Social Icon