Pré-requis : Le "JavaScript moderne"

Pré-requis : Le "JavaScript moderne"

Cette formation React a pour pré-requis de connaître la syntaxe moderne de JavaScript (versions ES6 et plus).


Voici des exemples de fonctionnalités apparues après ES6 : 

  • const/let

  • arrow functions

  • deconstruct / spread / rest

  • map, filter, etc... (high order array methods) modules avec import et export

  • backticks et template strings

  • promises et async

  • fetch API

  • etc...


Afin que ceux qui ne connaissent pas ces syntaxes modernes JavaScript puissent suivre cette formation React, je vous ai préparé une formation gratuite pour apprendre tous les concepts qui seront nécessaires pour suivre la formation React.


Il est absolument nécessaire de connaître ces concepts pour pouvoir suivre la formation React.


Si vous ne les connaissez pas, je vous laisse suivre la formation JavaScript Moderne disponible sur notre plateforme (www.developpeurlibre.com/javascript-moderne) et on se retrouve dans cette formation React juste après.

Devenir un PRO du React

Acheter maintenantEn savoir plus
  • Introduction
  • Rejoins le groupe Slack
  • Devenir un Pro du React.pdf

React.js : c'est quoi ? et pourquoi ?

  • Qu'est-ce que React.js et pourquoi l'utiliser ?
  • 📄 Version PDF

Avant de commencer...

  • Pré-requis : Le "JavaScript moderne"
  • Les bons outils
  • Mise en place de l'environnement de développement
  • 📄 Version PDF

Création du squelette de notre application React

  • Comprendre
  • Appliquer3
  • 📄 Version PDF

La structure de fichiers d'un projet React

  • Comprendre
  • 📄 Version PDF

Nettoyage du projet pour partir de zéro

  • Appliquer
  • 📄 Version PDF

Analyse du code react

  • Comprendre
  • Evaluer
  • Correction
  • 📄 Version PDF

JSX (Javascript Syntax eXtension)

  • Comprendre
  • Appliquer
  • Evaluer
  • Correction
  • 📄 Version PDF

Créer notre premier composant

  • Comprendre
  • Appliquer1
  • Evaluer
  • 📄 Version PDF

Les props

  • Comprendre
  • Appliquer
  • Evaluer
  • Correction
  • 📄 Version PDF

Aide-nous à améliorer cette formation 💡

  • Ton avis est précieux

Les props sous toutes les coutures

  • Appliquer
  • Evaluer
  • 📄 Version PDF1

Les props - attributs vs enfants

  • Comprendre
  • Appliquer
  • Evaluer
  • 📄 Version PDF

React Dev Tools

  • Appliquer
  • 📄 Version PDF

Générer une liste de composants

  • Comprendre
  • Appliquer2
  • Evaluer
  • 📄 Version PDF

Les événements

  • Comprendre
  • Appliquer
  • 📄 Version PDF

Le state et le hook useState

  • Comprendre
  • Appliquer
  • Evaluer
  • 📄 Version PDF

Supprimer un post (depuis le composant de plus haut niveau)

  • Appliquer
  • 📄 Version PDF

Modifier le state depuis un composant enfant

  • Comprendre
  • Appliquer
  • Evaluer
  • 📄 Version PDF

Le "props drilling" et le flux d'information

  • Comprendre
  • Appliquer
  • 📄 Version PDF

Implémenter un "empty state"

  • Comprendre
  • Appliquer
  • 📄 Version PDF

Ajouter un post : Créer le composant

  • Evaluer
  • Correction
  • 📄 Version PDF

Ajouter un post : Champs contrôlés VS non contrôlés

  • Comprendre
  • Appliquer
  • Evaluer
  • 📄 Version PDF

Ajouter un post : State Lifting

  • Comprendre
  • Appliquer
  • 📄 Version PDF

Ajouter un post : Finalisation

  • Appliquer
  • Evaluer
  • Correction
  • 📄 Version PDF

Le pattern &&

  • Comprendre
  • Appliquer
  • 📄 Version PDF

Posts avec images, photos de profils et heure du post

  • Appliquer1
  • 📄 Version PDF

Styler nos composants (CSS)

  • Comprendre
  • Appliquer
  • Pour aller plus loin
  • 📄 Version PDF
  • Projet avec CSS

Le hook useEffect

  • Comprendre
  • Appliquer
  • Evaluer
  • 📄 Version PDF

Les composants basés sur des classes

  • Comprendre
  • Appliquer
  • 📄 Version PDF

Les hooks

  • Comprendre
  • 📄 Version PDF

Custom hooks

  • Comprendre
  • Appliquer
  • 📄 Version PDF

Ajouter d'autres pages avec react router

  • Comprendre
  • Appliquer3
  • 📄 Version PDF

Passage de paramètres dans une URL

  • Appliquer
  • 📄 Version PDF

Mise en place d'une layout commune entre les différentes pages

  • Appliquer
  • Evaluer
  • 📄 Version PDF

Global State Management (redux, Context API)

  • Comprendre
  • Appliquer
  • 📄 Version PDF

Les hooks useMemo et useCallback

  • Appliquer
  • Pour aller plus loin
  • 📄 Version PDF

Récupérer des données backend depuis une API

  • Appliquer1
  • 📄 Version PDF

Déployer notre appli react en production

  • Appliquer
  • Evaluer
  • 📄 Version PDF

Conclusion

  • Conclusion1