Nous vous présentons la traduction de l'article de Nwose Lotanna, publié sur blog.bitsrc.io. Vous y trouverez une sélection des meilleurs cadres et informations utiles aux débutants comme aux professionnels expérimentés.
Jetons un coup d'œil à la façon étonnante de développer JavaScript l'année dernière. Nous analyserons quels frameworks javascript pour le développement frontend, le travail de données et le développement backend ont été les plus populaires, et nous essayerons d'anticiper les futurs leaders potentiels.
Dans cet article, nous nous baserons sur les données et conclusions de l’état des JS, ainsi que sur les connaissances partagées par JetBrains dans son rapport annuel sur la déclaration des écosystèmes de développeurs.
Quel est State of JS?
Une enquête annuelle sur tout ce qui concerne JavaScript. Les réponses bien rendues des développeurs qui y ont participé reflètent l'état actuel de JavaScript. L'enquête couvre les sujets suivants: frameworks frontend, bases de données, outils de pointe, frameworks, choix et facilité d'utilisation des frameworks, langages, compilation de JavaScript, frameworks mobiles, systèmes de construction, outils de test de code JavaScript, etc. un autre.
Pourquoi State of JS ?
Ceci est la première enquête, les seuls répondants qui traitent avec JavaScript. Il était organisé par Sasha Grapef et ses assistants en 2016. Parmi le public cible jouit maintenant d'un grand respect. Il y a d'autres sondages non moins populaires - de Stack Overflow (plus de 100 000 répondants) ou de JetBrains (plus de 6 000 répondants). Cependant, aujourd’hui, nous nous concentrerons sur l’enquête sur l’état de JS - et aussi en raison de la beauté de la visualisation, il n’a pas d’égal.
Nous vivons à une époque de composants, et cela ne concerne pas uniquement le front-end. La popularité d'outils tels que Bit, qui facilite le partage, la réutilisation et la création plus rapide de nouvelles applications en les regroupant et en les synchronisant avec d'autres projets, ne cesse de croître. L'avenir repose précisément sur des plates-formes orientées composants.
Ici, les cadres pour le développement frontal seront considérés dans l'ordre des plus populaires - en raison de sa disponibilité, de sa satisfaction et de sa facilité d'utilisation.
1.React
React (plus de 110 000 étoiles sur GitHub) est une bibliothèque JavaScript déclarative efficace et flexible pour la collecte des interfaces utilisateur de l'équipe Facebook. Il vous permet de créer sans effort une interface utilisateur interactive. React prend non seulement en charge une collection d'applications centrées sur les objets, mais l'encourage également. De plus, les créateurs des frameworks se préoccupent sérieusement de la compatibilité ascendante, vous pouvez donc être sûr de la longévité de votre application. Le graphique ci-dessus montre clairement qu'au cours des dernières années, la notoriété de React a considérablement augmenté. C'est pourquoi la bibliothèque deviendra un excellent point de départ pour votre voyage vers le développement initial.
React-developers - l'un des développeurs javascript les mieux payés en 2018.
Vous pouvez créer une nouvelle application React à l’aide de l’application create-react-application prévue à cet effet, qui est actuellement la plus populaire parmi celles qui existent déjà. Pour commencer à l'utiliser, exécutez les lignes suivantes à l'invite de commande du dossier de projet:
npm create-react-app my-app
cd my-app
npm start
Vue.js, une collection progressive d'interfaces utilisateur créées par Ewan Yu et 234 passionnés, a gagné plus de 121 000 étoiles sur GitHub. Il comprend une bibliothèque racine abordable, qui résout principalement le niveau d'imagination du problème, et l'écosystème de bibliothèques supplémentaires, vous permettant de créer des applications complexes et en masse d'une seule page (applications d'une page).
Comme on peut le voir sur le graphique, Vue a réussi à surmonter l’écart marketing: presque tous les développeurs en ont entendu parler. On peut supposer que cela est dû aux efforts énormes déployés par Evan et son équipe depuis 2017, qui ont assisté à diverses réunions et conférences et en ont organisé la leur. Cependant, le manque de connaissances des développeurs existe toujours, et pour le combler, vous devez créer davantage de supports de formation en 2019 pour travailler avec Vue.js. Installez ce framework en utilisant npm:
npm install vue
Angular est un framework Google qui a reçu près de 44 000 étoiles sur GitHub. C'est une plate-forme qui simplifie la collection d'applications sur le web. Angular combine des modèles déclaratifs, la mise en œuvre de dépendances, la liaison de données bidirectionnelle et les meilleures pratiques pour résoudre les problèmes de conception. Cette plate-forme vous permet de collecter des applications pour le Web, les appareils mobiles et les PC. Il offre l’interface de ligne de commande (CLI) et la console (Console) les plus pratiques et les plus faciles à utiliser - un client avec une interface graphique.
En regardant le graphique, vous pouvez remarquer une différence énorme par rapport aux graphiques décrits ci-dessus. Le cas de biais de données résultant de la formulation de questions excluant AngularJS - est indépendant du cadre angulaire. C'est pourquoi il vaut mieux ne pas prendre cette visualisation. Pour installer la CLI avec npm, ouvrez la ligne de commande ou la fenêtre de la console et tapez la commande suivante:
npm install -g @angular/cli
1.Redux
Redux, qui a obtenu 45 000 étoiles sur GitHub, est l’état prédit pour les applications javascript. Il est utile d’écrire des programmes avec un comportement stable qui s’exécutent sur des environnements client, serveur et natifs et sont faciles à tester. Redux peut être utilisé avec React ou n’importe quelle autre bibliothèque.
Sur le graphique, vous pouvez observer les mêmes tendances de notoriété de la marque, comme dans le cas de Vue: about Redux a entendu presque tous les développeurs javascript. Cependant, certains d'entre eux se plaignent de la complexité de l'utilisation de ce cadre. Ainsi, pour le rendre plus attrayant pour les développeurs, les concepts étant plus accessibles, davantage de matériel de formation est nécessaire. Pour installer, utilisez la commande:
npm install — save redux
2.GraphQL
GraphQL de la société Facebook notée GitHub sur 10 000 étoiles est un langage utilisé pour formuler des requêtes dans l'API (interface du programme d'application) et dans l'environnement d'exécution de ces requêtes avec des données existantes. Il peut fournir une description complète et compréhensible des données dans l'API, permettant aux clients de demander uniquement ce dont ils ont besoin et rien d'autre. En conséquence, il devient plus facile de développer des interfaces d'applications logicielles au fil du temps et d'utiliser des outils de développement puissants.
Bien sûr, en 2019, il y aura un créneau sur le marché des matériaux permettant de travailler avec GraphQL, car de nombreuses personnes sont intéressées par son étude. En outre, le graphique montre que le manque de notoriété de la marque en 2018 a presque totalement éliminé. Pour installer GraphQL, utilisez npm:
npm install graphql
3.Apollo
La plate-forme Apollo est l'implémentation de GraphQL, qui vous permet d'envoyer des données du nuage à l'interface utilisateur. Il convient à une mise en œuvre progressive et peut servir de couche supplémentaire pour les services existants, y compris les API et les bases de données construites avec REST. Outre la boîte à outils pour les développeurs qui fournit tout le nécessaire pour exécuter l'API graphique, Apollo inclut deux bibliothèques open source pour le client et le serveur.
Le graphique ci-dessus montre à quel point la notoriété de la marque a augmenté et combien reste à faire dans ce domaine. Il est également clair que presque tous ceux qui ont essayé Apollo sont prêts à l’utiliser à nouveau. Toutefois, l'ajout de nouveaux matériels de formation à 2019 pour le succès de la plate-forme ne ferait pas de mal. Pour installer, utilisez npm:
// installing the preset package
npm install apollo-boost graphql-tag graphql --save
// installing each piece independently
npm install apollo-client apollo-cache-inmemory apollo-link-http graphql-tag graphql --save
Part 3: Backend Frameworks
Dans ce domaine, sans beaucoup de changement: Express est toujours en avance - plus d’une infrastructure dorsale ne pourrait en même temps plaire aux développeurs.
1.Express
Propriétaire de plus de 41 000 étoiles sur GitHub, Express est un framework Web rapide, flexible et minimaliste pour les applications Node.js.
En 2018, Express a brillamment atteint ses objectifs: elle a non seulement conservé le statut de leader, mais a également laissé ses rivaux loin derrière. Lorsque vous utilisez JavaScript dans le backend de l'application, choisissez-le et ne le négligez pas. Pour installer, utilisez npm:
npm install express — save
2.Next js
Bien qu'il n'y ait pas eu suffisamment de données pour visualiser la croissance au cours de l'existence de Next, nous pouvons toujours dire que ce cadre d’arrière-plan a été une bonne année qui en a fait le plus recherché d’Express.
Next, qui a reçu plus de 32 000 étoiles sur GitHub, offre aux développeurs un démarrage facile, car il utilise React pour les modèles. Les développeurs expérimentés dans React with Next peuvent obtenir des résultats rapides. Pour installer, utilisez npm:
npm install --save next react react-dom
3.Koa
Au cours de l’année écoulée, la popularité de Koa a augmenté, bien qu’il semble que le niveau de satisfaction des développeurs à l’égard de ce cadre n’a pas changé, car Express continue de dominer. Toutefois, si l’on examine les graphiques des autres cadres (par exemple, Meteor), on peut dire que les affaires de Koa ne sont pas mauvaises - et peuvent même être meilleures.
Ce nouveau framework Web, qui a gagné plus de 24 000 étoiles sur GitHub, a été créé par la même équipe qu'Express, sous la forme d'une plate-forme moins encombrante, plus expressive et fiable pour les applications Web et les API. En utilisant des outils de programmation asynchrones, Koa vous permet de refuser les fonctions de rappel et de gérer les erreurs plus efficacement. Le noyau Koa ne compile pas de progiciel intermédiaire. Ce cadre comporte un ensemble de techniques de premier ordre qui font de l’écriture de serveurs un travail rapide et agréable. Pour installer, utilisez npm:
npm install koa
Nous avons examiné les frameworks javascript qui étaient les plus demandés par les développeurs l'année dernière et qui resteront en 2019. Si vous êtes nouveau, il est important d'essayer tout le monde à la recherche du plus pratique. Il est également important pour les enseignants et les auteurs d’articles de savoir quelles ressources manquent pour combler ces lacunes.