Nous avons donc appris que nous devons indiquer Transvaal et je peux vous dire que ce fichier comprend à la fin
Decode, qui s'exécute en premier.
Lorsque nous démarrons notre application et que cela rend cette chose étrange à la place de cette d'Hiv ici.
Maintenant, quelle est cette étrange application ici.
Réimportation de l'application à partir de ce fichier d'application Indienne à partir du fichier d'application Shreyas.
Parce que les extensions sont ajoutées automatiquement sur les importations.
Cher, ce que nous avons est finalement une fonction JavaScript.
Il s'agit d'une fonction régulière, d'une fonction flèche stockée et constante.
Et puis nous exportons cette constante et donc c'est une fonction assez simple.
Mais la chose à l'intérieur de la fonction n'est pas simple.
Ce que nous retournons ici ressemble à l'âge, Timal, tout comme cela ressemble à l'âge html, mais il est dans un fichier
JavaScript.
Il ne peut pas être h html.
Droite.
Vous ne pouvez pas ajouter h html dans un fichier JavaScript.
C'est une syntaxe spéciale inventée par l'équipe React.
Ça s'appelle J comme X ..
Et cela nous permet à H d'envoyer un e-mail à la recherche de code dans des fichiers JavaScript sous le capot.
Cela sera traduit en instructions réagissent en détail.
Cette année est similaire à react create element, une méthode fournie sur cet objet react ici et là.
Un an.
Et puis ici.
Non.
Ou un objet vide.
Et puis il y a un troisième argument, votre texte ici, par exemple.
Salut.
C'est réagir.
Texte différent qu'auparavant, mais il rendra quelque chose de similaire à l'écran.
Cela donnera le même résultat et je peux vous le prouver.
Si nous démarrons simplement notre serveur de développement et essayons de voir cette application et l'action pour le démarrer et le package pour
chasser le fichier, nous trouvons un script pour démarrer le script, qui existe déjà là-bas.
Et cela, à la fin, utilisera cet outillage.
Je l'ai mentionné plus tôt pour ensuite transformer notre code et démarrer un serveur de développement qui recharge
ou injecte automatiquement les modifications lorsque nous changeons quelque chose.
Nous pouvons donc ouvrir ici un nouveau terminal intégré à cette idée.
Et ils sont sur NPM commencent à faire apparaître ce serveur de développement.
Et vous devez garder ce serveur opérationnel tant que vous travaillez sur votre code, car lorsque vous
le fermez, vous ne pouvez plus prévisualiser votre page, votre application.
Maintenant, lorsque vous démarrez ce serveur, lorsque vous exécutez npm start, il devrait automatiquement ouvrir un nouvel
onglet dans le navigateur sur localhost 3000.
S'il ne le fait pas tout seul et qu'il est visité et cher, vous devriez voir se cacher.
C'est réagir, qui est clairement le texte que j'ai entré ici.
Donc à la fin de cette année est React Syntex et nous pourrions écrire notre application entière avec cette syntaxe.
Mais cela devient très lourd, surtout si nous commençons à imbriquer des éléments les uns dans les autres.
C'est pourquoi React nous propose cette alternative J. S. Syntaxe X, qui à la fin est simplement traduite pour
réagir, créer un élément et ensuite ce que je viens de vous montrer.
C'est également la raison pour laquelle nous devons importer react ici, même s'il semble que nous n'utilisons cet objet
react nulle part dans ce fichier.
Droite.
Nous devons réagir ici, mais c'est quelque chose de différent.
Nous ne l'utilisons donc nulle part dans ce fichier.
Eh bien, il est utilisé implicitement parce que ce n'est que du sucre syntaxique.
En fin de compte, il est traduit dans cette syntaxe évidente.
Je t'ai montré.
Et c'est à cela que sert le réacteur.
Nous disons réagir quels éléments il doit rendre.
Et sous le capot, nous traduirons cela en commandes que le DOM comprend, que le navigateur
comprend pour restituer de vrais éléments DOM.
Maintenant, par exemple, si j'ajoute le titre ici, ce qui nous donne essentiellement cette info-bulle intégrée au
navigateur.
Cela fonctionne et je l'enregistre.
Il se recharge automatiquement.
Vous n'avez pas besoin de le faire vous-même et vous devriez maintenant passer la souris dessus.
Vous voyez cette info-bulle.
Cela fonctionne très peu ici, mais vous pouvez le voir si vous testez cela sur votre propre système.
Maintenant, cela fonctionne parce que papa, à la fin, est traduit pour réagir, créer un élément.
L'âge un, puis fait l'objet, que nous proscrivons laissé vide ici.
Nous définissons les attributs ou les propriétés que nous voulons définir sur ce nœud DOM, qui est créé ici
dans ce cas, titre deux, cela fonctionne.
Et puis par la suite, nous avons le texte.
Voilà comment cela fonctionne et réagit.
Nous ferons tout ce qu'il faut pour faire.
Cela créera cet élément.
Il définira toutes ces propriétés ou attributs ici.
Et cela rendra le dernier argument ici.
À l'intérieur de cet élément créé.
Et c'est aussi la partie où il est J est le code X nous aide, parce que si ici nous avons,
disons, un autre élément H html.
Il faudrait imbriquer plusieurs réactions, créer des appels d'éléments les uns dans les autres, ce qui devient rapidement très
difficile à gérer.
C'est pourquoi c'est l'indice J is X.
Voici une excellente idée, une grande invention.
Nous allons donc utiliser la syntaxe et nous avons également utilisé ici à Index J.
S.
La différence est que nous ne l'utilisons pas ici avec un H. normal
Élément Timal Dom.
Mais ici, nous utilisons une fonction personnalisée car nous utilisons ce qui est exporté dans l'ouverture en tant que fichier.
Et ce que nous exportons, il y a une fonction JavaScript normale.
Eh bien, c'est l'un des concepts les plus importants des composants réactifs.