Plantillas JavaScript

El uso de plantillas en JavaScript se refiere al método de enlace de datos del lado del cliente implementado con el lenguaje JavaScript . Este enfoque se popularizó gracias al mayor uso de JavaScript, el aumento de sus capacidades de procesamiento del lado del cliente y la tendencia a externalizar los cálculos al navegador web del cliente. Algunas bibliotecas populares para el uso de plantillas en JavaScript son AngularJS , Backbone.js , Ember.js , Handlebars.js , JSX (utilizado por React ), Vue.js y Mustache.js . Una práctica frecuente es usar llaves dobles (es decir, {{key}} ) para llamar a los valores de la clave dada desde archivos de datos, a menudo objetos JSON .

Todos los ejemplos utilizan un archivo externo presidents.jsoncon el siguiente contenido.

{ "presidentes" : [ { "nombre" : "Washington" , "nombre" : "George" , "nacido" : "1732" , "muerte" : "1799" }, { "nombre" : "Lincoln" , "nombre" : "Abraham" , "nacido" : "1809" , "muerte" : "1865" } ] }

Todos los ejemplos generarán la siguiente lista HTML :

• Washington (1732–1799)
• Lincoln (1809–1865)

El uso de plantillas resulta útil cuando la información distribuida puede cambiar, es demasiado extensa para ser mantenida en varias páginas HTML por los recursos humanos disponibles y no lo suficientemente extensa como para requerir un sistema de plantillas más complejo en el servidor.

• Comparación de motores de plantillas web

• Plantillas JavaScript , Mozilla Developer Network, 2013
• Basavaraj, veena (2012), El enfrentamiento de plantillas del lado del cliente: mustache, handlebars, dust.js y más , Linkedin.com
• Villalobos, Ray (2012), Introducción a las plantillas JavaScript (tutorial en vídeo) con Mustache.js , ViewSource.com, archivado del original el 13 de mayo de 2013.
• Burgess, Andrew (2012), Mejores prácticas al trabajar con plantillas JavaScript , Net.tutsplus.com
• Landau, Brian (2009), Evaluación comparativa de bibliotecas de plantillas de Javascript
• http://www.jquery4u.com/javascript/10-javascript-jquery-templates-engines/
• Comparación con otros frameworks , Vue.js , consultado el 11 de diciembre de 2018.