DOM (Document Object Model) est un modèle d'arborescence qui définit la structure d'un site Web. La sélection, le déplacement et la manipulation du DOM peuvent être une opération très coûteuse et peuvent entraver les performances de rendu de votre site.
Cependant, dans cet article, nous ne parlerons pas de la façon dont VirtualDOM fonctionne, mais avec les autres outils, nous examinerons les bibliothèques qui vous permettent d'implémenter VirtualDOM immédiatement.
Voir Aussi: Analyser Les Codes De Tout Site Web Avec Cette Extension Chrome
Nouvelle ressource pour les développeurs Web 2018
MaquetteJS
Une implémentation de VirtualDOM qui vous permet de créer une interface utilisateur fluide qui reste à jour avec les données qui l'entourent. C'est une pure bibliothèque JavaScript et non-libérée, donc il est possible de l'utiliser avec un langage synthétique tel que CoffeeScript, TypeScript et JSX. Une excellente bibliothèque alternative à React.js; MaquetteJS est beaucoup plus petit en taille (seulement 3kb).
ReDOM
C'est l'une de mes bibliothèques VirtualDOM préférées, car il est facile de la prendre juste en regardant la syntaxe. Avec seulement 2 Ko, vous pouvez créer une page Web de rendu rapide ou un composant HTML personnalisé. La bibliothèque comprend deux fonctions principales: créer ou manipuler un élément et monter pour l'ajouter à un élément sélectionné. Vous pouvez le charger dans le navigateur et sur le serveur avec NodeJS.
ReactiveJS
Une bibliothèque d'interface utilisateur pour créer une application Web hautement interactive. Conçu à l'origine pour The Guardian, ReactiveJS est conçu pour fonctionner à travers les navigateurs et les appareils mobiles; donc vous pouvez compter sur sa fiabilité. ReactiveJS est également livré avec de nombreuses fonctionnalités nécessaires pour les applications Web modernes, telles que Scoped CSS, Composants personnalisés, SVG et animation.
Voir Aussi: Top 15 Meilleurs Sites Web Pour Créer Vos Propres Applications Android sans Codage
RiotJS
RitoJS est une bibliothèque agréable à utiliser et beaucoup plus facile à apprendre pour les débutants car elle permet de définir un composant personnalisé avec un élément HTML et les attributs HTML tandis que les bibliothèques précédentes vont forcer à utiliser la syntaxe pure de JavaScript. RiotJS est compatible avec l'environnement Node.js ou dans les navigateurs, et pourrait être une excellente alternative à Vue.js étant donné les similitudes.
HyperHTML
HyperHTML, comme son nom l'indique, présente des performances lors du rendu et de la manipulation de DOM. Vous pouvez l'utiliser pour créer un élément personnalisé et un composant Web. Il fonctionne aussi facilement que jQuery dans lequel il peut être utilisé dans le navigateur en chargeant le script depuis le CDN et en accédant à l'hyperHTML. Pas besoin d'outillage compliqué.