Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

[JS EXPERIENCE 2018] Os segredos dos pricipais frameworks JS: Vanilla.js - Igor Halfeld, Stored

75 views

Published on

Os segredos dos pricipais frameworks JS: Vanilla.js - Igor Halfeld, Stored

[JS EXPERIENCE 2018] - 5 de julho de 2018
São Paulo/SP

Published in: Technology
  • Be the first to comment

  • Be the first to like this

[JS EXPERIENCE 2018] Os segredos dos pricipais frameworks JS: Vanilla.js - Igor Halfeld, Stored

  1. 1. Os segredos dos principais frameworks JSVanilla.js!
  2. 2. IGOR HALFELD. Front-end Engineer na stored.com.br. igorluiz.me - @IgorHalfeld
  3. 3. O que � Vanilla.js?
  4. 4. Fazer nosso pr�prio framework js <3 #deli�a
  5. 5. Conceitos... DOM, Virtual DOM, Data-binding.
  6. 6. DOM Document Object Model.
  7. 7. Virtual DOM Virtual Document Object Model xD
  8. 8. Data binding Magic??
  9. 9. Data binding is a general technique that binds data sources from the provider and consumer together and synchronizes them. This is usually done with two data/information sources with different languages as in XML data binding.
  10. 10. ONE-WAY BINDING TWO-WAY BINDING
  11. 11. DOM Watcher Watcher Watcher State $digest
  12. 12. a setter getter b Watcher a.b Collect Dependencies Bindings DOM Notify Update Notify
  13. 13. Arquitetura de um Framework <3
  14. 14. ENGINE COMPILER
  15. 15. Observer Pattern
  16. 16. Object.defineProperty
  17. 17. ES6 Proxies
  18. 18. AST Abstract Syntax tree
  19. 19. Tipos de compila��o JiT e Aot
  20. 20. PARSE TRANSFORM GENERATE
  21. 21. ACHOU QUE N�O IA TER DEMO? igorluiz.me/talks
  22. 22. github.com/IgorHalfeld/emilly
  23. 23. Refer�ncias... Como funciona a reatividade no Vue.js Object define property ES6 Proxies
  24. 24. Obrigado <3igorluiz.me - @igorgataum

×