Différence entre react.js et Ajax
Lorsque j'ai cherché sur React.js dans Google, ce que j'ai obtenu est: React.js est un framework utilisé pour créer des interfaces utilisateur. Si une partie particulière du site Web est fréquemment mise à jour, cela signifie que nous pouvons utiliser réagir. Mais je suis confus que Ajax a été utilisé pour cela uniquement. Nous pouvons mettre à jour une partie du site en utilisant Ajax sans rafraîchissement de la page. Pour le gabarit, nous utiliserions un guidon et une moustache. Quelqu'un pourrait-il m'expliquer de quelle manière notre réaction est différente de celle d'Ajax et pourquoi nous devrions l'utiliser?.
Ajax est utilisé pour actualiser une page Web sans avoir à la recharger: il envoie une requête au serveur, mais la réponse est généralement traitée par le javascript qui affiche de manière dynamique un nouvel élément sur le navigateur sans avoir à recharger toute la page.
React est une bibliothèque javascript qui met à jour dynamiquement la page avec des composants d'inferface. Les composants sont calculés soit par des interactions javascript, soit par une requête ajax passant par le serveur. ReactJS peut donc également utiliser des requêtes Ajax pour mettre à jour la page.
Moustache et Guidon sont un peu différents de ReactJS car l’objectif principal est de transformer un modèle en composant qui sera affiché dans une page. Il peut également utiliser Ajax pour obtenir des données (pour obtenir des modèles ou des données json).
juste pour clarifier, Réagir n'est pas un cadre, c'est une bibliothèque!
prenez-le de la bouche du cheval:
Ajax
Nous utilisons ajax pour envoyer des requêtes http. Et nous ne pouvons pas refaire le rendu d'une zone particulière de la page (DOM) en utilisant uniquement ajax. Nous avons besoin de jQuery pour rendre la page après un appel ajax avec la réponse. En fait, comparer jquery + HTML et React.js est bien meilleur que comparer ajax et React.js.
React.js
Le rôle de react.js est de diviser une page (DOM) en petites parties (composants). ex: - Zone d’image de profil, navigation principale, barre latérale, champ de texte, bouton. etc. des grandes parties aux petites parties. Plus important encore, nous pouvons lier des fonctionnalités à ces composants. Ex: - Supposons que les utilisateurs ont besoin d'une fenêtre contextuelle pour télécharger une image de profil en cliquant sur "Zone d'image de profil". On peut écrire une fonction pour ouvrir une popup. Et nous pouvons aussi écrire une autre fonction pour télécharger l’image de profil dans la base de données. De cette façon, nous pouvons utiliser ajax à l'intérieur du fichier React.js
Veuillez suivre ce tutoriel .