Skip to content

jbcazaux/formation-reactjs-es6

Repository files navigation

Formation react js avec ES6

Les slides: https://formation-reactjs.fr

La formation se déroule sur 3 jours, n'hésitez pas à me contacter: jbcazaux@gmail.com !

TPs

Objectifs de la formation

  • Savoir développer et tester des fonctionnalités sur une application ReactJS.
  • Connaître l'état de l'art et les bonnes pratiques React et javascript, notamment savoir utiliser les hooks.
  • Avoir les connaissances suffisantes pour démarrer le développement d'une application ReactJS.
  • Comprendre et anticiper les évolutions de ReactJS qui vont arriver dans les prochains mois.

Prérequis

  • Avoir déjà développé sur un projet en JS (Angular, Vue, jQuery, ...).
  • Connaissances de base de HTML / CSS.

Plan de formation:

Rappels

objectif : Avoir un vocabulaire commun et connaitre les éléments du langage les plus couramment utilisés.

  • ES7-ES2022 (nouveautés du langage).
  • Programmation fonctionnelle (High order function, ...).

React

Principes de base

objectif : Comprendre l'intérêt de react par rapport à ses concurrents et la façon dont il a été pensé.

Composants (functionnal components, hooks et cycle de vie)

objectif : Les composants sont les éléments de base de la librairie. Apprendre à les écrire et découper sa page en composants réutilisables. Savoir écrire les composants sous forme de fonctions en utilisant les hooks.

Etats des composants

objectif : Comment garder de la donnée au sein d'un composant ou l'échanger entre composants.

Redux

objectifs :

  • Comprendre les limites de l'utilisation des états des composants,
  • Échanger de la donnée entre plusieurs composants,
  • Comprendre l intérêt du pattern redux par rapport aux concurrents (two-way binding par exemple)
  • Principes du pattern (flux unidirectionnel, store, reducer, actions, ...)

React-query

objectif : Utiliser ReactQuery plutôt que Redux pour gérer les données de l'application.

React-router

objectif : Construire une Single Page Application.

Tests / debugging

objectif : Produire une application de qualité avec des tests unitaires et des tests de composants.

Optimisations des applications (vitesse, mémoire, ...)

objectif : Avoir en tête le fonctionnement de ReactJS et les premières choses à mettre en place pour éviter des ralentissements. Utiliser des outils pour voir où intervenir dans le code en priorité.

Licence

Licence Creative Commons

Ce(tte) œuvre est mise à disposition selon les termes de la Licence Creative Commons. Attribution - Partage dans les Mêmes Conditions 3.0 non transposé.

Copyright (C) 2016-2022 Jean-Baptiste CAZAUX.

Explications licence CC BY-SA 3.0

Cette licence permet aux autres de remixer, arranger, et adapter votre œuvre, même à des fins commerciales, tant qu’on vous accorde le mérite en citant votre nom et qu’on diffuse les nouvelles créations selon des conditions identiques.

Cette licence est souvent comparée aux licences de logiciels libres, “open source” ou “copyleft”.

Toutes les nouvelles œuvres basées sur les vôtres auront la même licence, et toute œuvre dérivée pourra être utilisée même à des fins commerciales.

C’est la licence utilisée par Wikipédia ; elle est recommandée pour des œuvres qui pourraient bénéficier de l’incorporation de contenu depuis Wikipédia et d’autres projets sous licence similaire.

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •