Nous vous présentons une traduction d'un article de Nwose Lotanna, qui a été publié sur blog.bitsrc.io . Il contient une sélection des meilleurs cadres et informations utiles aux débutants comme aux professionnels expérimentés.Le prochain rapport de State of JS et nos prévisions pour la nouvelle année sont ici!
Jetons un coup d'œil à l'incroyable chemin de développement créé par JavaScript au cours de la dernière année et reflété dans les opinions de plus de 20 000 développeurs Web du monde entier. Nous verrons quels frameworks javascript pour le développement frontal, la manipulation de données et le développement backend étaient les plus populaires, ainsi que pour voir les futurs favoris possibles.
État de jsDans cet article, nous nous appuierons sur les données et les informations sur l'état de JS, ainsi que sur les informations partagées par JetBrains dans son rapport annuel sur l'état de l'écosystème des développeurs.
Quel est l'état de JS?
Une enquête annuelle sur tout ce qui concerne JavaScript. Les réponses magnifiquement visualisées des développeurs qui y participent reflètent l'état actuel de JavaScript. L'enquête couvre les sujets suivants: cadres frontaux, bases de données, outils d'état, relations entre les cadres, choix d'un cadre par les développeurs et facilité d'utilisation, langages compilés en JavaScript, cadres mobiles, systèmes de construction, outils de test de code pour JavaScript, et bien plus encore un autre.
Pourquoi State of JS?
Il s'agit du premier sondage dont les répondants sont exclusivement des développeurs JavaScript. Il a été organisé par Sasha Greif et ses assistants en 2016. Maintenant, il jouit d'un grand respect du public cible. Il existe d'autres sondages tout aussi 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 une enquête de State of JS - également en raison de la beauté de la visualisation, elle n'a pas d'égal.
Partie 1. Cadres de développement frontend
Nous vivons dans une ère de composants, et cela ne s'applique pas seulement au front-end. Des outils comme
Bit gagnent en popularité, ce qui facilite le partage de composants, leur réutilisation et la création de nouvelles applications plus rapidement en
les assemblant et en les synchronisant avec d'autres projets. L'avenir est définitivement pour les plates-formes orientées composants.
Ici, nous considérerons les cadres de développement frontaux dans l'ordre des plus demandés - en raison de sa disponibilité, ainsi que du plaisir et de la facilité de travail.
1. Réagissez
React (plus de 110 000 étoiles sur GitHub) est une bibliothèque JavaScript déclarative efficace et flexible pour construire l'interface utilisateur de l'équipe Facebook. Il vous permet de créer sans effort une interface utilisateur interactive. React ne prend pas seulement en charge la création d'applications orientées objet, il l'encourage. De plus, les créateurs du framework ont pris au sérieux la rétrocompatibilité, vous pouvez donc être sûr de la durabilité de votre application. Le graphique ci-dessus montre clairement qu'au cours des dernières années, le niveau de sensibilisation à React a considérablement augmenté. C'est pourquoi la bibliothèque sera un excellent point de départ pour votre voyage vers le développement frontal.
Les développeurs de React sont l'un des développeurs javascript les mieux payés en 2018.Vous pouvez créer une nouvelle application sur React à l'aide de la chaîne d'outils create-react-app prévue à cet effet, qui est actuellement la plus populaire des applications existantes. Pour commencer à l'utiliser, exécutez les lignes suivantes sur la ligne de commande du dossier de projet:
npm create-react-app my-app cd my-app npm start
2. Vue
Vue.js, un cadre progressif pour la construction d'interfaces utilisateur, créé par Ewan Yu et 234 autres passionnés, a gagné plus de 121 000 étoiles sur GitHub. Il comprend une bibliothèque racine accessible, qui résout principalement les tâches de niveau présentation, et un écosystème de bibliothèques supplémentaires qui vous permet de créer des applications monopages complexes et volumineuses (applications monopages).
Vue.js se prononce exactement comme le mot view et compte 4000 étoiles GitHub de plus que React.Comme vous pouvez le voir sur le graphique, Vue a réussi à sauter le gouffre marketing: presque tous les développeurs en ont entendu parler. On peut supposer que cela est dû aux efforts considérables déployés par Evan et son équipe depuis 2017, en participant à diverses réunions et conférences, ainsi qu'en organisant les leurs. Néanmoins, le manque de connaissances des développeurs existe toujours, et afin de le combler, en 2019, il est nécessaire de créer davantage de supports de formation sur l'utilisation de Vue.js. Installez ce framework en utilisant npm:
npm install vue
3. Angulaire
Angular est un framework de Google, qui a reçu près de 44 000 étoiles sur GitHub. C'est une plateforme qui simplifie l'assemblage d'applications sur le web. Angular combine des modèles déclaratifs, l'injection de dépendances, la liaison de données bidirectionnelle et les meilleures pratiques pour résoudre les problèmes de développement. Cette plate-forme vous permet de créer des applications pour le Web, les appareils mobiles et les ordinateurs de bureau. Il offre l'interface de ligne de commande (CLI) la plus pratique et la plus compréhensible pour les débutants et même la console (Console) - un client avec une interface graphique.
En regardant le graphique, vous pouvez voir une énorme différence par rapport aux graphiques des cadres décrits ci-dessus. Le fait est le biais dans les données résultant de la formulation des questions, qui exclut AngularJS, un cadre angulaire indépendant. C'est pourquoi il vaut mieux ne pas prendre en compte cette visualisation. Pour installer la CLI à l'aide de npm, ouvrez une invite de commande ou une fenêtre de console et entrez la commande suivante:
npm install -g @angular/cli
Partie 2. Cadres de données
Dans cette partie, nous examinerons les technologies de transmission et de gestion des données.
1. Redux
Redux, avec 45 000 étoiles sur GitHub, est un conteneur d'état prévisible pour les applications javascript. Il permet d'écrire des applications à comportement stable qui s'exécutent sur le client, le serveur et l'environnement natif et sont faciles à tester. Redux peut être utilisé avec React ou toute autre bibliothèque pour la présentation.
Sur le graphique, vous pouvez observer les mêmes tendances de notoriété que dans le cas de Vue: presque tous les développeurs javascript ont entendu parler de Redux. Dans le même temps, certains d'entre eux se plaignent de la complexité de travailler avec ce cadre, donc, pour le rendre plus attrayant pour les développeurs, et les concepts plus accessibles, plus de supports de formation sont nécessaires. Pour installer, utilisez la commande suivante:
npm install — save redux
2. GraphQL
Le GraphQL de Facebook avec un classement GitHub de plus de 10 000 étoiles est le langage pour formuler des requêtes dans l'API (interface de programmation d'application) et l'environnement pour exécuter ces requêtes en utilisant les données existantes. Avec lui, vous pouvez 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 de plus. Grâce à cela, au fil du temps, il devient plus facile de développer des interfaces de programmation d'applications et d'utiliser de puissants outils de développement.
Bien sûr, en 2019, il y aura un créneau de marché pour travailler avec GraphQL, car beaucoup de gens sont intéressés à l'étudier. En outre, le graphique montre que le manque de notoriété de la marque en 2018 a été presque complètement éliminé. Pour installer GraphQL, utilisez npm:
npm install graphql
3. Apollo
La plate-forme Apollo est une implémentation de GraphQL qui vous permet de diriger les données du cloud vers 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 conçues avec REST à l'esprit. En plus de la boîte à outils du développeur, qui fournit tout pour exécuter l'API graphique en toute confiance, Apollo comprend 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. On voit également que presque tous ceux qui ont essayé Apollo sont prêts à l'utiliser à nouveau. Cependant, cela ne ferait pas de mal d'ajouter de nouveaux supports de formation afin de rendre la plateforme plus performante en 2019. Utilisez npm pour installer:
Partie 3. Cadres de développement backend
Il n'y a pas de changements significatifs dans ce domaine: Express est toujours en avance - aucun autre framework backend ne pourrait plaire autant aux développeurs.
1. Express
Propriétaire de plus de 41 mille étoiles sur GitHub, Express - un framework web rapide, flexible et minimaliste pour les applications Node.js.
En 2018, Express a brillamment rempli ses tâches: non seulement elle a conservé son statut de leader, mais elle a également laissé ses concurrents loin derrière. Lorsque vous travaillez avec JavaScript dans le backend de l'application, sélectionnez-le et vous ne perdrez pas. Utilisez npm pour installer:
npm install express — save
2. Next js
Bien qu'il n'y ait pas suffisamment de données pour visualiser la croissance au cours de la durée de vie de Next, nous pouvons toujours dire que ce cadre backend a connu une bonne année, ce qui en fait le plus recherché après Express.
Next, qui a reçu plus de 32 000 étoiles sur GitHub, permet aux développeurs de démarrer facilement, car il utilise React pour les modèles. Les développeurs expérimentés dans React avec Next peuvent obtenir des résultats rapides. Utilisez npm pour installer:
npm install --save next react react-dom
3. Koa
Au cours de la dernière année, la popularité de Koa a augmenté, même s'il semble que le niveau de satisfaction des développeurs à l'égard de ce cadre n'a pas changé, car Express est toujours le leader. Cependant, en regardant les graphiques d'autres frameworks backend (par exemple, Meteor), nous pouvons dire que les affaires de Koa ne sont pas mauvaises - et pourraient être encore meilleures.
Ce nouveau framework web avec plus de 24 000 étoiles sur GitHub a été créé par la même équipe qu'Express, en tant que plateforme moins volumineuse, plus expressive et fiable pour les applications web et les API. En utilisant des outils de programmation asynchrones, Koa vous permet d'abandonner les fonctions de rappel et de traiter les erreurs beaucoup plus efficacement. Le noyau Koa ne construit pas de middleware. Ce cadre possède un ensemble de techniques de première classe qui rendent l'écriture de serveurs rapide et agréable. Utilisez npm pour installer:
npm install koa
Les références
- Toutes les images et données visuelles sont extraites du site Web officiel de State of JavaScript.
- Plus d'informations sur le biais des données angulaires sont disponibles ici . Et ici, vous pouvez voir l'analyse de l'enquête.
- Certaines données de l'enquête Stack Overflow sont disponibles ici .
- Certaines données de l'enquête JetBrains sont disponibles ici .
Conclusion
Nous avons examiné les frameworks javascript, qui étaient les plus populaires parmi les développeurs au cours de la dernière année et le resteront au cours de la prochaine. Si vous êtes débutant, il est important de tout essayer à la recherche des plus populaires. Il est tout aussi important pour les enseignants et les auteurs d'articles de savoir quelles ressources ne suffisent pas à combler ces lacunes. Happy New Code, et n'hésitez pas à laisser des commentaires! :)