Formation React

Dans cette formation, on va prendre un projet React de bout en bout. On va donc commencer par installer tout le nécessaire pour faire un projet, créer le projet, le coder, et le “déployer”.

Avant tout, une petite explication de ce qu’est React.

C’est quoi ?

React c’est une librairie JavaScript créée et maintenue par Facebook, qui permet de créer facilement des single-page application en imbriquant des composants. On va décortiquer un peu la phrase :

  • JavaScript

    J’espère que vous avez déjà une idée de ce qu’est JavaScript, mais on va en faire un petit rappel quand même. JavaScript est un langage de programmation qui a été créé pour ajouter du dynamisme à des pages web. C’est un langage assez sale, mais tellement sale qu’il permet de faire pleiiiiiins de trucs !

    Mais bon, rassurez vous, on des ingénieurs, on va pas coder comme des techniciens. Du coup on va faire du TypeScript !

    TypeScript c’est un langage qui a été créé par Microsoft ​ mais je vous jure en vrai il est bien ! Tellement bien qu’il est utilisé en interne par les mecs de Google. En gros c’est un langage qui ressemble beaucoup à JavaScript, mais qui introduit quelques concepts cool de programmation objet (genre les interfaces !) et surtout, des types. Une fois qu’on a fini du code en TypeScript, on le transpile pour qu’il soit transformé en JavaScript, parce que les navigateurs savent pas interprétés du TypeScript.

  • Facebook

    C’est une entreprise spécialisée dans le vol de données personnelles que tout le monde adore mais qui code des bons trucs quand même

  • Single page application

    Une single-page app c’est une application web, qui en vérité est physiquement une page web. Concrètement, une application React en production, c’est :

    • 1 fichier HTML
    • 1 fichier Javascript
    • 1 fichier CSS

    En gros c’est toute la partie JavaScript qui va s’occuper d’afficher plusieurs pages, mais sinon, on a vraiment qu’une seule page HTML ! Eh ouais JavaScript c’est magique :heart: !

    On va revoir ça un peu plus tard, vous inquiétez pas.

  • Composant

    Un composant en React, c’est une classe, qui possède obligatoirement une méthode render qui doit retourner l’équivalent en JSX de ce à quoi doit ressembler le composant dans la page web.

    Bon ok maintenant je dois expliquer ce qu’est JSX. C’est un peu comme de l’HTML, mais du HTML dans lequel tu peux ajouter facilement du JavaScript. On va en voir plein partout, donc je vais pas aller plus loin dans mon explication, parce que vous vous rendrez compte au fur et à mesure de tout ce qui est possible.

Bon je pense qu’on est pas mal niveau introduction, on va pouvoir commencer à bosser !