ReactJs,VueJs,Angular,NodeJs etc.. quel est veritablement leur role en javascript?

Pourquoi toutes ces bibliothèques et framework qu'on voit dans javascript? quel est veritablement leur interet et est il forcement necessaire de les utiliser en javascript? : React, Vue, Angular et surtout nodejs?

Pour comprendre l'utilité de toutes ses bibliothèques/framework, il faut repartir au mecanisme de fonctionnement meme du web.

Une application web est essentiellement basé sur une architecture client-serveur, le client en parole simple c'est votre machine à travers le navigateur (chrome, edge, Mozilla, safari etc..) , le serveur c'est une machine distante sur internet ou le reseau ou toi le developpeur du site web deploie tes pages HTML + le css +le javascript pour animer cette page et la rendre dynamique dans le navigateur des utilisateurs..donc quand toi en tant que developpeur web, finit de faire ton site web avec html+css+javascript tu dois le mettre/deployer sur une autre machine publique accessible aux utilisateurs qui vont chacun à partir de sa machine et son navigateur acceder à ton site et quand chaque utilisateur accede à ton site, chacun recoit sa copie de tes fichiers html+css +javascript dans sa machine à travers son navigateur.. donc tout ton code javascript que tu as deposé sur le serveur est telechargé par le navigateur de l'utilisateur.. ce code javascript que tu avais ecrit est seulement lancé et executer a l'interieur du navigateur de l'utilisateur une fois qu'il l'a completement telechargé..donc le navigateur comprend un environnement d'execution du javascript car ton javascript doit etre traduit en langage machine et c'est ce que fait l'environnement d'execution javascript dans ton navigateur qui doit compilé le code javascript et le traduire en code machine pour que ca fasse ce que toi le developpeur avait voulu faire sur la page web.

En Fait le navigateur communique avec le serveur en utilisant le protocolle HTTP, HTTP c'est un peu comme la règle de communication à savoir le français entre toi qui lit ce post actuellement et moi qui l'écrit, on ne se connait physiquement pas, mais en suivant la règle gramaticale française, je reuissis à communiquer avec toi, tant que je respecte cette règle et que tu la connais, il n'y aura pas de soucis, donc en fait le navigateur et le serveur travaille sous la base de la règle HTTP et quand je dis le navigateur telecharge ton HTML+CSS+JS en fait il s'agit d'une échange de donnée en respectant les principes/règles de HTTP.

De nos jours, les sites web evitent de faire beaucoup d'aller et retour sur le serveur pour chaque action ou interaction de l'utilisateur, (par action/interaction, j'entedns pas là un click sur un lien, un click sur un bouton, le survole d'un menu, le defilement d ela page vers le bas pour lire plus de contenus, bref le mouvement de l'utilisateur sur la page avec la souris etc.. ) et ainsi evitent de recharger la page web a chaque petite action de l'utilisateur (recharger la page tout le temps n'est pas optimale en terme de prestation et pire encore si l'utilisateur intervient à partir d'un smartphone, l'usabilité de l'application sera vraiment degradante).. pour faire en sorte que la page ne se recharge pas tout le temps quand l'utilisateur veut interagir avec la page et les données donc il a besoin viennent du serveur, est née en javascript ce qu'on appelle SPA =single page application c'est à dire un site web ayant une seule page donc le contenu change en sous tache pendant l'interaction de l'utilisateur sur la page qui declenche la compilation et l'execution du code javascript à l'interieur du navigateur, voila pourquoi sont nées les reactjs, vuejs, angular etc.. qui permettent au developpeur d'ecrire du javascript pour une SPA.

Lorsque vous developper une app en Reactjs, Vuejs, Angular etc..pour le deployer sur le serveur, vous devez compiler la app qui va vous generez des javscript fait sur mesure, donc votre code javascript est traduit ou mieux transcrit en un autre code javascript avec la logique de la SPA, en reguardant l'image ci dessous, le javascript de la SPA est telechargé dans le navigateur de l'utilisateur et c'est en ce moment que tout est declenché, reactJs, Vuejs, Angular entre en jeux et utilise leur algorithme pour declenché le meccanisme de la SPA, en fait ce sont ses bibliothèques/framework qui manipule et gere le DOM(Document Object Model) donc la HTML que le navigateur affiche à votre pace, du coup ils ajoutent une bonne dose d'optimisation et de performance que vous en tant que dev javascript. n'y arriverrai jamais à le faire en un temps record en ecrivant du javascript vanilla.

Nodejs n'est pas née pour les SPA mais nodejs est née pour emmener le langage javascript aussi en backend car rappellez vous,  javascript etait jusque la utilisé seulement comme j'ai expliqué si haut, à l'interieur du navigateur et on a copié l'environnement d'exécution javascritpt du navigateur pour le porter à l'exterieur de manière que le code javascript soit capable d'etre executé en dehors du navigateur et ainsi pouvoir faire les memes choses que les autres langages comme java, c#  c++ etc cela a permis aux developpeurs javascript qui etaient limités seulement dans le web frontend de pouvoir elargir leur competence en backend.

Nodejs du moins le moteur nodejs est single thread et non multithread, ce qui apporte une architecture et un modele de fonctionnement et d'optimisation different par rapport aux environnements des autres langages de programmations, le plus gros avantage c'est sa flexibilité en tant mono thread de pouvoir gerer plus rapidement plusieurs voir des millions de requetes à la fois sans creer des thread parallèle qui en terme de performance est couteux

Abbonnez vous sur notre blog pour continuer à recevoir beaucoup de post sur le coding.

---

---

Share

Comments (0)

Leave A Comment

Your Name:
Comment: