Bonjour les développeurs! Aujourd’hui, nous parlons de ce à quoi nous attendre en 2020 dans le monde JavaScript. Chaque année, de nombreux nouveaux frameworks apparaissent et plusieurs autres sont mis de côté car l’environnement autour de JS est très vaste et plein de possibilités. JavaScript est en constante évolution, alors qu’il y a quelques années, nous n’utilisions JS que pour de petits changements de formulaire, mais de nos jours, les entreprises utilisent JS dans le backend et le frontend. C’est incroyable!,
Cette liste est basée sur la popularité des frameworks, leur facilité d’utilisation et leur progression. Voici notre Top 10!
Vue
Vue.js est un framework javascript progressif. Vue.js ou juste Vue parie sur sa simplicité et sa courbe d’apprentissage rapide, a une manipulation DOM plus rapide que ses rivaux (Angular et React) et devient de plus en plus populaire. La Version 3.0 est prévue pour début 2020, nous garderons donc un œil sur les améliorations et les nouvelles fonctionnalités.,
React
React est probablement le framework dont on parle le plus dans le monde frontal car il a une communauté aussi importante. Aussi parce que son frère, React Native, le rend beaucoup plus facile en matière de mobile. Il est différent de Vue car bien que la courbe d’apprentissage dans React soit raide, une fois que vous savez comment gérer la syntaxe et les façons de travailler avec elle, vous construirez des applications exceptionnelles.
Angular
Angular, actuellement dans verson 8, est un framework frontal lourd maintenu par le géant Google., Angular est un framework MVC (Model View Controller) qui utilise TypeScript, qui est une version différente du script js vanilla ou ECMA. Parmi ses concurrents pour les applications d’entreprise, Vue et React, Angular est recommandé car il nous apporte de nombreux outils utiles et des implémentations prêtes à l’emploi.
Ember
Ember est un framework qui vise à aider le développeur à créer des applications web complexes, en apportant du code et des outils prêts pour cela. Ember n’est pas aussi largement parlé dans la communauté que Vue et React, mais c’est un excellent cadre.
arrêtez et analysez !,
maintenant que nous avons parcouru les quatre premiers frameworks Javascript front end, utilisons Google Trends-c’est vraiment cool! Google Trends nous montre les recherches au niveau mondial et avec une courbe temporelle de 5 ans. Voici la recherche sur ces 4 principaux cadres ces dernières années:
Ces graphiques sont disponibles ici.
Les images parlent d’elles – mêmes; on voit bien Qu’Angular a dominé la recherche mais React a réussi à avancer, évoluant lentement et passant le géant, Angular., Nous voyons également que Vue se développe dans la recherche mondiale et que si Ember est derrière les trois autres frameworks, il reste un concurrent.
utilisons maintenant les statistiques de débordement de pile. Ces données datent de 2019 mais elles nous montrent que React et Vue sont vraiment en croissance et en tête des sondages, tandis Qu’Angular apparaît bien en dessous de ce graphique. Intéressant à droite? Ember n’apparaît malheureusement pas du tout sur le graphique.
Ces graphiques sont disponibles ici.
Nuxt
Nuxt.js est un framework puissant basé sur Vue.JS et Node.js avec rendu côté serveur., Ce framework de développement d’applications web est extrêmement puissant, mais même s’il est puissant, il a le même balisage que Vue, ce qui le rend simple et facile à utiliser. En outre, Nuxt a open source, avec plus de 22K étoiles dans GitHub et il est le premier pour le développement de sites côté serveur pour ceux qui utilisent Vue.js.
Svelte
Svelte est un excellent cadre qui prend un chemin différent que de Réagir et de Vue., Il apporte les fonctionnalités de code que tous les frameworks apportent, mais lorsque nous mettons notre code en production, Svelte compile le code en JavaScript pur (js Vanilla), y compris les bibliothèques tierces et tout le code tiers. Cette partie de la compilation de tout le code pour JS pur rend le framework extrêmement rapide.
Gridsome
GridSome est une autre Vue puissante.cadre basé sur js. Gridsome est conçu pour le Générateur de sites statiques utilisant la syntaxe Vue ainsi que GraphQl pour créer des sites Web puissants et rapides, des applications, des PWA et peut également fonctionner avec markdown.,
Backbone
Backbone, un framework MVC (Model View Collection) pour la structuration de code JS, est largement utilisé dans les applications web qui ont beaucoup d’interaction avec JS et des structures complexes. C’est idéal pour les grandes applications de Script Java.
Gatsby
Gatsby, un framework basé sur React et GraphQl est un générateur de Site statique (SSG). Gatsby utilise les meilleures parties de React comme React Router et Webpack ainsi que plusieurs fonctionnalités GraphQl afin que vous puissiez créer votre site dans React, puis générer des fichiers statiques « Build ». Ces avantages sont de meilleures performances et un excellent système de référencement et de mise en cache., De plus, Gatsby est livré avec plusieurs plugins prêts à démarrer votre projet rapidement et de manière concise.
Suivant
Suivant.js est similaire à Gatsby. Les deux utilisent la syntaxe React et ont une transpilation pour ES 6 et ES 7, mais la plus grande différence entre elle est que Next a SSR (Server Side Renderer) tandis que Gatsby est un SSG. Dans Gatsby, toute l’application est générée dans des pages statiques et dans Next chaque demande est faite un nouveau rendu de la page car cette partie est effectuée par le serveur.
terminé !,
avant de finaliser, passons à nouveau à Google Trends, mais cette fois, regardons le reste des frameworks. Notez que Nuxt et Next rivalisent pour être les plus utilisés, en rappelant que Nuxt est basé sur Vue et Next sur React. Le même différend que nous voyons dans les cadres » principaux » que nous voyons également dans ses variantes.
Ces graphiques sont disponibles ici.