Le blog React le plus introductif de tous les temps

Bonjour à tous ? J'espère que vous allez tous bien. D’après le titre, vous avez peut-être deviné de quoi parle cet article, mais attendez, peut-être que ce n’est pas le cas, ou vous pourriez trouver quelque chose d’inattendu. Alors, s’il vous plaît, lisez cet article rapidement.

L'origine de cet article

Quand on m'a posé des questions sur React il y a quelques années, ma réponse a été qu'il s'agissait simplement de JavaScript. Oui, c'est du JavaScript, mais au-delà de ça ? Que peut-il faire exactement ? Pourquoi tout le monde en parle ?

Je cherchais un article ou une lecture très basique sur React. Mais je n'ai trouvé aucune information appropriée. Même maintenant, je vois de nombreux collègues ou amis confrontés au même problème, j'ai donc décidé d'écrire quelques articles sur React pour les aider à démarrer leur parcours d'apprentissage React. Je ferai de mon mieux pour rendre ces articles très faciles à comprendre, tout comme mes précédents articles Java ou CSS.

Dans cet article, je vais essayer de vous donner un aperçu de ce qu'est React. Je n'entrerai pas dans la partie codage ou dans les termes techniques compliqués, je vais essayer de rester simple et de le résumer en quelques puces.

Veuillez partager vos réflexions dans la zone de commentaires

Commençons…

---

• React est une bibliothèque frontale JavaScript créée par Meta (anciennement Facebook). Oui, c'est une bibliothèque, pas un framework, alors que Angular est un framework pour créer des interfaces utilisateur.
• Avec React, il vous suffit de l'installer et de créer votre interface utilisateur. Nous verrons comment l'utiliser dans le prochain article. Pour l'instant, n'oubliez pas que son utilisation nécessite simplement de l'installer avec une simple commande.
• Lorsque nous utilisons React, cela offre une bonne expérience de type application mobile dans nos applications Web.
• Lorsque nous créons des applications Web à l'aide de React, nous n'avons pas besoin d'attendre qu'une autre page se charge avant de cliquer sur un lien, un bouton ou un onglet.
• React ne nous oblige pas à recharger la page, les données sont mises à jour sur la page elle-même sans rechargement, ce qui signifie que nous n'utiliserons aucune des reload() méthodes ici, bien qu'il n'y ait aucune limite à ne pas l'utiliser car au final c'est toujours du JavaScript.
• Les applications Web créées avec React sont hautement interactives et faciles à utiliser. De plus, la transition ici est presque instantanée et nous n'avons pas besoin d'attendre le chargement de la nouvelle page.
• Dans un site Web traditionnel, cliquer sur un lien enverra une requête au serveur, et le serveur renverra une page HTML en réponse, nous pouvons donc avoir des retards et devoir attendre que la page se charge. Alors que dans React, nous exécutons JavaScript dans le navigateur, nous pouvons donc exécuter notre logique dans le navigateur et ainsi manipuler ce que voit l'utilisateur. Il le fait via le DOM (en fait une structure HTML). C'est pourquoi nous n'avons pas besoin de demander une page HTML pour afficher un contenu différent à l'utilisateur.
• La principale caractéristique de React est son approche de développement déclarative et basée sur les composants. Tout dans React est un composant. Que sont les composants React ? Un composant React est un module de type fonction auquel nous transmettons certains paramètres et qui renvoie un élément React.
• Maintenant, la question se pose : qu'est-ce qu'un élément React ? Comme nous le savons tous, nous avons des éléments (p, div, body) en HTML et nous utilisons ces éléments pour créer le front-end de l'application. Désormais, les éléments React sont utilisés de la même manière que nous utilisons les éléments HTML, mais ces éléments React sont créés par nous-mêmes alors que les éléments HTML sont pré-créés.
• Maintenant, la question revient, comment créer des éléments React ? Pour créer des éléments React, nous utilisons JSX. JSX signifie JavaScript XML. Le code JSX est essentiellement du code HTML en JavaScript. Nous n'avons pas besoin d'utiliser JSX, mais cela facilite l'écriture d'applications React. Voilà pour l’introduction à JSX, nous aborderons JSX en détail dans un autre article.
• Le point le plus important maintenant est la raison pour laquelle nous utilisons React, car il utilise l'approche SPA, l'approche d'application monopage. Dans cette approche, aucune nouvelle page HTML n'est chargée, le serveur envoie la page HTML une seule fois, après quoi React prend le relais et contrôle l'interface utilisateur de l'application en manipulant les éléments DOM de la page existante. Le meilleur exemple en est le site Internet de Netflix, vous pouvez le visiter et constater par vous-même qu’aucune page HTML ne se charge.https://www.php.cn/link/b06cbb874ce37177f6dcdf690b5ac490

Enfin, je tiens à dire que React consiste à créer des interfaces utilisateur modernes et réactives.

Merci d'avoir lu. A bientôt dans un autre article basique

Si vous avez des idées, partagez-les et corrigez-moi si je me trompe.

J'espère que vous avez apprécié cet article et que vous l'avez trouvé utile.

Connectez-vous avec moi sur Twitter ou LinkedIn

Si vous souhaitez en savoir plus sur Java ou CSS, veuillez visiter mon blog https://www.php.cn/link/5a2cb441c18f6535a9fb765251345d0f

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!