📢 Bonjour à tous et à toutes ❗

Au programme de cette formation React :
  • Premier pas
    • Fonctionnalités
    • Éléments de javascript utilisés
    • Différentes utilisations de ReactJS
    • React à l’intérieur d’un projet existant
    • React en tant que projet principal
    • Configuration environnement de dev
    • Premier pas avec JSX
    • Les règles de JSX
    • Syntaxe et éléments JSX
    • Construire une interface avec des composants
    • Isolation des fonctionnalités
    • Bonnes pratiques
    • Expressions conditionnelles
  • Les fondamentaux
    • Les composants
    • Les props et l’état local
    • Les hooks
    • Le style
    • Le routage
    • Les formulaires
  • Avancé
    • Optimiser les performances d’une application
    • Partager l’état entre des composants
    • Gestion de l’état

“ React (aussi appelé React.js ou ReactJS) est une bibliothèque open source JavaScript pour créer des interfaces utilisateurs. Elle est maintenue par Meta (anciennement Facebook) ainsi que par une communauté de développeurs individuels et d’entreprises depuis 2013.

Le but principal de cette bibliothèque est de faciliter la création d’application web monopage, via la création de composants dépendant d’un état et générant une page (ou portion) HTML à chaque changement d’état.

React est une bibliothèque qui ne gère que l’interface de l’application, cette interface étant considérée comme la vue dans le modèle MVC. Elle peut ainsi être utilisée avec une autre bibliothèque ou un framework MVC comme AngularJS. La bibliothèque se démarque de ses concurrents par sa flexibilité et ses performances, en travaillant avec un DOM virtuel et en ne mettant à jour le rendu dans le navigateur qu’en cas de nécessité

Wikipedia

Ces éléments de Javascript sont très fréquemment utilisés, pour une meilleure compréhension du support il peut être très intéressant de les (voir)/revoir

  • Fonctions
  • Fonctions fléchées(Arrow functions)
  • Objets
  • Tableaux et méthodes de tableau
  • Déstructuration(destructuring)
  • Modèle littéraux(template literals)
  • Opérateurs ternaires
  • ES Modules et Syntaxe import/export

->ICI, sur la MDN <- ou ->LA <-

Paramétrons notre environnement de développement afin de pouvoir démarrer la formation :

TODO 🎢:

  • 👉 Télécharger PUIS installer NodeJS (inclus NPM) minimum la 18 :->ICI <-

  • 👉 Télécharger PUIS installer Visual Studio Code :->ICI <-

Merci de garder pour vous les ressources que vous y trouverez et de ne pas les diffuser 😏
Merci de m’avertir de toute erreur ou coquille qui m’auraient échapées 😍

©️ 🚫 Do not distribute 😌