Mappers, Mutation & Lu

Lu version 0.4.x is undergoing some significant architectural changes. This presentation talks about the use of HTML5's MutationObserver to instantiate components and a path that degrades all the way to IE6.

Transcript

1. MAPPERS, MUTATION & LU ANTHONY CLARK (@NEDROID) DID THIS ARTWORK
2. Mappers map HTML to components
3. Mappers use semantics and a data-lu hook to determine how components should be wired together
4. When the document is ready, Lu maps it, loads necessary components and then instantiates them
5. What happens after domReady?
6. Manually: Lu.map(scope).execute(scope);
7. Magically: NEW! MutationObserver(handler); https://developer.mozilla.org/en-US/docs/DOM/MutationObserver
8. BUT...
9. MutationObserver is only supported in Webkit, FF14+ & IE 11+
10. MutationEvents are kinda supported in IE9+ and FF3.6+ https://developer.mozilla.org/en-US/docs/DOM/Mutation_events
12. Option 1: Automatically on [native event]
13. Option 2: Poll the DOM for changes
14. Option 3: Override methods that mutate the DOM
15. Option 5: <script/>
16. Option 6: Nothing
17. Option 7: Detect Idle
18. Option 8: ???
19. THANKS FOR ALL THE...
20. THANKS FOR ALL THE... YUM