Introduction

Pour commencer ton voyage dans le monde de React, avant de commencer à écrire du code, tu dois comprendre ce qu'est React, son histoire et ce que tu peux construire en l'utilisant.

🤓 À la fin de cette quête, tu comprendras:

• ✅ Ce qu'est React
• ✅ Comment les applications front-end étaient construites avant React
• ✅ Pourquoi tu devrais utiliser React

📖 Définition

React est une bibliothèque JavaScript open-source construite / maintenue par Facebook ainsi que par une communauté de développeurs individuels et d'entreprises.

Son but est de construire des interfaces utilisateurs ou des composants d'interface utilisateur (une prochaine quête expliquera ce que sont les composants). React peut être utilisé comme base pour le développement d'applications monopages (Single Page Application - SPA).

📕 La vie avant React

• Avant JavaScript, les navigateurs récupéraient et affichaient les documents HTML depuis le serveur.
• Les seules interactions possibles étaient le click sur les liens et la soumission de formulaires.
• JavaScript est arrivé en apportant avec lui la manipulation du DOM, ce qui a permis d'avoir des interfaces utilisateur interactives.
• La création d'applications utilisant les fonctions natives du DOM est fastidieuse et nécessite une grande quantité de code.
• Puis vint la naissance des bibliothèques front-end telles que React & Angular.

🤔 Pourquoi devrais-tu utiliser un Framework/bibliothèque ?

• C'est très rapide. (grâce à son DOM virtuel)
• C'est une des librairies front-end les plus populaires. Du coup, il y a beaucoup d'offres d'emploi disponibles.
• Cela facilite l'écriture d'applications à grande échelle,
• Afin de rendre notre code plus court et plus polyvalent,
• Afin d'établir une façon cohérente de programmer dans une équipe de développement en utilisant une bibliothèque standardisée.

Depuis que Facebook l'a introduit en 2013, React est devenu une bibliothèque front-end très populaire.

🔧 Que peux-tu construire avec React ?

Avec React, tu peux :

• Créer ta propre plateforme de streaming comme Netflix
• Créer un célèbre réseau social

Et bien d'autres choses encore...

false|||false|||false
# Quel est le but de React ?
[x] Aider à construire des interfaces utilisateur et des composants d'interface utilisateur
[] Aider à la construction d'applications backend
#  Pourquoi a-t-on créé React ?
[x] Pour permettre une programmation cohérente
[] Afin de permettre de nombreuses possibilités de programmation
#  Comment les sites Internet étaient-ils interactifs avant React ?
[x] En utilisant la manipulation de DOM en JavaScript
[] En utilisant de liens hypertexte
# Quels sont les avantages à React ?
[x] C'est une librairie très rapide
[x] Beaucoup d'offres d'emploi disponibles
[x] React permet de standardiser des standards de codage en équipe

☝️ Résumé

• React est utilisé pour construire des interfaces utilisateur ou des composants d'interface utilisateur
• Il a été créé pour permettre une programmation cohérente
• Avant React, les sites Web étaient interactifs en utilisant la manipulation du DOM en JavaScript