Que faut-il apprendre avant d'apprendre React.js

Vous devez apprendre les bases de JavaScript avant d'apprendre Reactjs, car React est une bibliothèque JavaScript utilisée pour créer des interfaces utilisateur, dont la plupart sont JavaScript ES6 et ses fonctionnalités et sa syntaxe, y compris l'opérateur ternaire et la syntaxe simplifiée, ce objet, fonctions intégrées JavaScript, etc.

En train de présenter React aux autres, je suis arrivé à la conclusion que React est entièrement basé sur JavaScript. En outre, il existe de nombreux documents sur JavaScript plutôt que sur React.

L'essentiel de cela est JavaScript ES6 et ses fonctionnalités et sa syntaxe, mais inclut également l'opérateur ternaire, la syntaxe simplifiée, l'objet this, les fonctions intégrées JavaScript (map, réduire, filtrer) ou des concepts plus généraux tels que Composition, réutilisabilité, immuabilité ou fonctions d'ordre supérieur. Vous n'aurez peut-être pas besoin de maîtriser ces bases avant de commencer avec React, mais vous devrez certainement les utiliser pendant l'apprentissage ou la pratique.

Classes React et JavaScript

Pour les composants de la classe React, une connaissance préalable des classes JavaScript est requise. Le concept de classes JavaScript est relativement nouveau. Auparavant, seule la chaîne de prototypes JavaScript pouvait être utilisée pour implémenter l'héritage. Les classes JavaScript sont basées sur un héritage prototypique, ce qui simplifie le système d'héritage.

Une façon de définir les composants React consiste à utiliser des classes JavaScript.

class Developer {
 constructor(firstname, lastname) {
   this.firstname = firstname;
   this.lastname = lastname;
 }
 getName() {
   return this.firstname + ' ' + this.lastname;
 }
}
var me = new Developer('Robin', 'Wieruch');
console.log(me.getName());

Une classe décrit une entité et est utilisée pour créer des instances de l'entité. Lorsque vous créez une instance d'une classe à l'aide de l'instruction new, le constructeur de la classe est appelé. Les propriétés d'une classe sont généralement situées dans le constructeur. De plus, des méthodes de classe (telles que getName()) sont utilisées pour lire (ou écrire) les données de l'instance. Les instances d'une classe sont représentées au sein de la classe à l'aide de l'objet this, mais en externe, elles ne sont affectées qu'à des variables JavaScript.

Dans la programmation orientée objet, les classes sont généralement utilisées pour implémenter l'héritage. En JavaScript également, l'instruction extends peut être utilisée pour qu'une classe hérite d'une autre. Une sous-classe hérite de toutes les fonctions d'une classe parent via l'instruction extends et peut également ajouter ses propres fonctions.

class Developer {
 constructor(firstname, lastname) {
   this.firstname = firstname;
   this.lastname = lastname;
 }
 getName() {
   return this.firstname + ' ' + this.lastname;
 }
}
class ReactDeveloper extends Developer {
 getJob() {
   return 'React Developer';
 }
}
var me = new ReactDeveloper('Robin', 'Wieruch');
console.log(me.getName());
console.log(me.getJob());

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!