ES2015 Template Literals - da interpolação a renderização de templates com lit-html

Palestra apresentada no BrazilJSOnTheRoad (BH), 27/10/2010

Nesta palestra, vamos ver a evolução da utilização e renderização de templates HTML, ver mais a fundo a especificação de template literals da ES2015 e como podemos criar templates eficientes com lit-html

Transcript

1. ES2015 TEMPLATE LITERALS DA INTERPOLAÇÃO A RENDERIZAÇÃO DE TEMPLATES COM LIT-HTML
5. OI, EU SOU O YAN @yanmagale @yaanmagale yanmagalhaes.com.br
6. HTML TEMPLATES
9. FRAMEWORK BASED
12. TEMPLATES IN JS
14. MAS E O JAVASCRIPT ?
15. TEMPLATE LITERALS https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/ Reference/template_strings
18. TAGGED TEMPLATE LITERALS https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/ Reference/template_strings#Tagged_template_strings
22. DOM NODE ? CACHE ? PARSE? I18N ?
23. LIT-HTML https://polymer.github.io/lit-html/ “An efficient, expressive, extensible HTML templating library for JavaScript.”
31. LIT-HTML != JSX
32. LIT-HTML != VDOM
34. HOW IT WORKS?
35. https://developer.mozilla.org/pt-BR/docs/Web/HTML/ Element/template TEMPLATE RESULT
37. TEMPLATE RESULT TEMPLATE VALUE
38. TEMPLATE VALUE VALUE TEMPLATE RESULT TEMPLATE RESULT
39. FINALIZANDO… ▸ Lit-HTML utiliza padrões web para criar templates HTML, com uma renderização eficiente ▸ Agnóstico, independente de framework ▸ Lit-HTML != VDOM, mas tão eficiente quanto ▸ Estamos longe de uma solução definitiva (ou quem sabe nativa no futuro), mas lit-html é um bom caminho para esta evolução.
40. OBRIGADO! @yanmagale @yaanmagale yanmagalhaes.com.br