Get best of the week

Framework JS peu connus mais populaires pour le frontend

Il n'y a pas si longtemps, lors de la création d'applications Web dynamiques, nous avons utilisé du JavaScript pur ou jQuery pour travailler avec le DOM. Depuis lors, de nombreux frameworks et bibliothèques JavaScript ont vu le jour. Ils aident à développer des projets qui, en termes d'attractivité et de commodité, dépassent ce qu'ils étaient auparavant. L'auteur de l'article, dont nous publions la traduction aujourd'hui, souhaite parler de plusieurs frameworks clients et bibliothèques puissants mais peu connus basés sur JavaScript. Bien sûr, les Big Three, représentés par Angular , React et Vue , ne sont allés nulle part, mais dans le monde du développement Web, il existe d'autres outils dignes d'attention. Tels que Svelte , Preact et Riot



. La question du choix du bon remède dépend de nombreux facteurs. Parmi eux figurent les connaissances du développeur, les caractéristiques du projet et la situation du marché. Par conséquent, regardons les cadres peu connus, élargissant ainsi la liberté de choix pour ceux qui recherchent le bon outil pour leur prochain projet.

Svelte



Le framework Svelte est un nouveau représentant des outils de développement front-end, dont la popularité ne cesse de croître récemment. Ils parlent de lui comme d'un exemple d'une approche complètement nouvelle de la création d'interfaces utilisateur. Comparé à Vue ou React, qui dépendent fortement des capacités du navigateur pour faire leur travail, Svelte fonctionne différemment. Il, au stade de la construction du projet, implique une étape de compilation, qui contribue à améliorer la performance des projets qui en découlent.

Svelte vise non seulement la productivité des projets finis, mais aussi la commodité du développeur. Ceci est réalisé en réduisant la nécessité d'écrire de grandes quantités de code passe-partout.

▍ Caractéristiques clés


  • Des performances impressionnantes
  • Petites constructions
  • Disponibilité
  • Système d'encapsulation de style standard
  • Transitions déclaratives
  • DOM

Ember



Ember.js - Il s'agit d'un autre excellent cadre client qui accélère le développement d'applications Web, en supprimant la charge du développeur d'effectuer des actions standard répétitives. Il permet aux programmeurs de travailler avec des fonctionnalités JavaScript avancées.

Ce cadre possède un merveilleux outil de ligne de commande qui accélère les tâches de construction de projets, leurs tests, prenant en charge un environnement de développement pratique avec des fonctionnalités telles que le rechargement automatique des pages. Ember a également un excellent routeur, dont les idées ont inspiré les développeurs d'autres systèmes similaires, par exemple, le routeur React. Le framework est très productif car il utilise des technologies qui accélèrent le rendu des pages.

Les modules complémentaires Ember fournissent au développeur de nombreux plugins qui vous permettent d'étendre les capacités des applications. Le système Ember Concurrency, par exemple, peut être utilisé pour écrire du code asynchrone fiable. Et Simple Auth est un addon qui implémente de nombreuses méthodes d'authentification. L'outil Ember CLI Deploy vous permet d'implémenter une logique de déploiement prise en charge qui peut être réutilisée.

▍ Caractéristiques clés


  • Pipeline d'assemblage de projet standard
  • Le meilleur système de routage parmi des outils similaires
  • Outils de données avancés
  • Système de test à grande échelle
  • Cycle de libération de six semaines

Preact



La bibliothèque Preact, comme son nom l'indique, est très similaire à React. Certes, la bibliothèque Preact est beaucoup plus petite, sa taille n'est que de 3 Ko. Mais cette bibliothèque donne au développeur la même API moderne que React. Preact fournit au programmeur l'implémentation la plus compacte de l'abstraction DOM virtuelle, des capacités de plate-forme stables et des outils de traitement d'événements. Cette bibliothèque, sans étape de transpilation, peut être utilisée directement dans le navigateur.

Preact, en outre, est l'une des bibliothèques clientes les plus rapides, caractérisée par une taille modeste et des performances élevées.

▍ Caractéristiques clés


  • Prise en charge des classes ES6, des crochets et des composants fonctionnels
  • Prise en charge de JSX, DOM virtuel, outils de développement
  • Prise en charge du rendu de serveur standard
  • Prise en charge des navigateurs modernes (IE11 +)

Émeute



Riot est une bibliothèque de développement d'interface utilisateur basée sur des composants simples et élégants. Il vous permet d'utiliser des éléments personnalisés dans tous les navigateurs modernes sans avoir besoin de polyfills. Ces composants aident à combiner HTML et JavaScript pour former des entités adaptées à la réutilisation. La syntaxe Riot est propre et conçue pour être facilement comprise par le développeur.

La taille de Riot n'est que de 6 Ko, c'est-à-dire que nous parlons d'une bibliothèque très compacte. Cette bibliothèque prend en charge moins de méthodes API que ses homologues plus volumineuses. Cela suggère que pour une utilisation productive de Riot, le programmeur doit consacrer peu de temps à la formation.

▍ Caractéristiques clés


  • Haute performance et prévisibilité
  • Proximité des standards Web
  • Bonne relation avec les outils de développement
  • Belle syntaxe
  • Vitesse d'apprentissage élevée
  • Taille modeste
  • Écosystème modulaire puissant

Aurelia



Aurelia est un framework JavaScript côté client moderne pour le développement d'applications Web, de projets mobiles et de bureau. Les applications utilisant Aurelia sont créées en assemblant des composants simples basés sur du code JavaScript ou TypeScript pur et le code HTML correspondant.

Le framework Aurelia a une excellente documentation, ses capacités sont bien décrites dans les tutoriels. Tout cela aide ceux qui veulent gérer ce cadre et le maîtriser rapidement. Aurelia comprend un puissant moteur à réaction pour implémenter des liaisons, un système de modèles, un routeur et des plugins. Aurelia prend en charge le rendu du serveur et d'autres fonctionnalités avancées.

▍


  • , ,

Mithril



Mithril.js est un cadre JS moderne côté client conçu pour développer des applications Web à page unique. Il est de petite taille (9,79 Ko), prend en charge le routage et XHR.

Il est utilisé par des sociétés telles que Nike et Vimeo. Parmi les technologies qu'il prend en charge figurent JSX, ES6 +, l'animation, les tests.

Une bonne documentation a été préparée pour ce cadre, aidant les débutants à le comprendre rapidement. Vous y trouverez des exemples sur lesquels il est pratique d'apprendre les capacités du Mithril. Certes, il convient de noter qu'à mon avis, ce cadre, en termes de documentation, est à la traîne des autres outils que nous avons examinés ici.

▍ Caractéristiques clés


  • Très hautes performances
  • Prise en charge du DOM virtuel
  • Prise en charge du cycle de vie des composants

Sommaire


J'espère que ce matériel illustre bien le fait que la vie est au-delà d'Angular, Vue et React. Certains projets nécessitent des approches et des outils différents de ceux que tout le monde entend. Le choix d'un outil approprié dépend grandement des caractéristiques du projet que vous prévoyez de créer avec lui.

En fin de compte, je tiens à dire que si vous choisissez l'un des cadres inclus dans les "Big Three" pour votre projet, vous ne vous tromperez certainement pas. Angular est idéal pour développer des projets à grande échelle. Les frontends angulaires sont souvent utilisés en conjonction avec les backends Java. React et Vue sont également de bonnes options. Je veux donner un conseil: ne devenez pas fans d'un framework ou d'une bibliothèque. Lorsque vous choisissez un outil, essayez simplement d'approcher le processus de sélection avec un esprit ouvert et de trouver quelque chose qui répond aux besoins de votre projet.

Chers lecteurs! Utilisez-vous des frameworks ou des bibliothèques qui ne sont pas inclus dans les Big Three?

More articles:


All Articles