Qu'est-ce que React ?

React est une bibliothèque d'interface utilisateur .
Oui, pas un framework… Django est un Framework. Angular est un Framework. React n'est pas, c'est une bibliothèque.

Vous devez donc créer un site Web, cool.

Le site Web se charge dans un navigateur, vous devez donc connaître la langue que le navigateur comprend. Il est composé de 3 parties comme dans triquetra de Dark.

1.HTML

2. CSS

3. JavaScript

HTML :- Langage de balisage hypertexte

AKA Qu'est-ce que c'est

Ce langage a un ensemble tagsqui est compris par le navigateur, comme :

• <img> pour rendre une image
• <a> pour le lien hypertexte
• <h1>,<h2>,…<h6> pour les titres
• <p> pour le paragraphe

CSS :- Feuilles de style en cascade

AKA À quoi ressemble la chose

Cela traite de l' <tag>apparence d'un objet spécifique.

Vous pouvez styliser vos tags de différentes manières comme :

• Couleur de l'arrière plan
• Couleur
• aligner le texte
• affichage

Javascript

AKA Qu'est-ce que la chose fait quand on la pique

Il s'agit principalement de la manière dont un utilisateur est autorisé à interagir avec vos balises.

Vous pouvez commencer à l'apprendre ici.

Pour un exemple simple, prenons un Button.

L'équivalent HTML est :

<button type="button">Click Me!</button>

.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

<button onclick="myFunction()">Click me</button>
// A Js Function 
function myFunction() {
  // code to execute onclick of the button
}

Donc, votre bouton fonctionne correctement. Voyons maintenant ce que fait React.

Que fait React ?

Il compose les 3 premiers en une seule fonction/classe appelée composant.

Ce bouton est stylisé par JSX, donc tout style de la forme [background-color] sera changé en [backgroundColor], [font-size] devient [fontSize], et ainsi de suite.

Ouh ouh attends. Qu'est-ce que JSX maintenant ??
C'est Javascript XML. Cela nous permet essentiellement d'écrire du HTML dans React.

Allez-y et cliquez sur les liens suivants pour en savoir plus :

1. https://reactjs.org/docs/introducing-jsx.html
2. https://facebook.github.io/jsx/

Voilà donc une très courte introduction à ce que fait React.

Nous pouvons commencer à créer de petits composants indépendants, les composer en composants complexes et les transformer en un site Web.

Rendez-vous maintenant dans la documentation officielle de React et commencez à créer des produits incroyables.

C'est Karthik représentant Timeless .

Si vous trouvez cet article de blog utile, partagez-le avec un ami.

N'hésitez pas à donner vos commentaires.