FORMATION
REACT + REDUX

Apprenez à développer des interfaces Web interactives puissantes, grâce à React JS. Utilisez Redux pour gérer les states de vos applications.

Présentation

Objectifs

  • Découvrir et maîtriser ReactJS
  • Savoir utiliser les outils de développement adaptés
  • Construire une application React JS en respectant les bonnes pratiques
  • Installer, configurer et utiliser les bibliothèques

Prérequis

  • Posséder un ordinateur portable (Windows, Mac ou Linux)
  • Avoir des bases en JavaScript

Programme

Jour 1

  • Comprendre l'intérêt de React et de la programmation déclarative
  • Rapels sur ES6 et découverte de JSX
  • Mettre en place Babel avec NodeJS et NPM
  • Les Composants Fonction de React
  • Mise en pratique des concepts de la journée : se familiariser avec React, Babel & NPM.

Jour 2

  • Utiliser les Modules ES6 avec Create-React-App (Webpack)
  • C'est quoi un "state" ? À quoi ça sert ?
  • Les Composants Class
  • Le state dans les class
  • Le state dans les composants fonction avec les Hooks
  • Améliorer la qualité de son code avec ESLint et Prettier et les PropsTypes
  • Fetch, CSS in JS, Flexbox
  • Mise en pratique des concepts de la journée : mettre en place Create-React-App et ajouter un state à une application existante.

Jour 3

  • C'est quoi les "side effects" ?
  • Les Lifecycle de React.Component
  • Comprendre et utiliser le hooks "useEffect"
  • Éviter le "props-drilling" grâce au context
  • Mettre en place un système de routing avec React
  • Projet encadré (1/3): Création d'une petite application pour mettre en pratique la formation.

Jour 4

  • Pourquoi utiliser un gestionnaire de state externe comme Redux ?
  • Comprendre Redux (recoder Redux en live-coding)
  • Utiliser Redux avec React grâce à React-Redux
  • Les alternatives à Redux (MobX, Redux-Saga, Overmind, Cerebral)
  • Projet encadré (2/3): Création d'une petite application pour mettre en pratique la formation.

Jour 5

  • Les tests en JavaScript
  • Tester les composants React
  • SEO & SSR (avec GatsbyJS et NextJS)
  • Optimiser les composants React
  • Projet encadré (3/3): Création d'une petite application pour mettre en pratique la formation.
Votre

formateur

Farid Safi

Mots-clés

  • ReactJS

  • Redux

  • Router

  • Bootstrap

  • Webpack

  • React Tutorial

Témoignages
Google Review
5,0
Mindblowing training. Thumbs up for the shared knowledge and experience!
- Tom L.

2.500 HT

5 jours à temps plein
(35 heures)

Pour une formation

intra

-entreprise, veuillez nous contacter pour un devis.