You can think of a LiveRange as a hidden enclosing tag around one or more html elements. It gets created during the *materialization* process of rendering. LiveRanges can even contain other LiveRanges. So in effect, the LiveRange tree looks similar to an annotation tree.
To conclude our series on Meteor rendering we'll finally see what a LiveRange is and do our best to visualize it. In this lesson we'll:
1. Visualize the rendering process again
2. Understand when a LiveRange is created, and what it looks like behind the scenes
3. Visualize a LiveRange tree in the debugger using a custom color coded print function
4. Take a look at some of the LiveRange methods
Do you need to know how this works to write Meteor applications? No. But it's an awesome piece of software, and it will help you to understand what's going on. This should make you more comfortable in building your apps.
Next we'll be jumping to some other parts of the Meteor system. If you'd like a particular topic covered, leave a comment and let me know!
* <a href="http://www.eventedmind.com/posts/meteor-spark-data-annotation-and-data-contexts">Spark Data Annotation and Data Context</a>
* <a href="http://www.eventedmind.com/posts/meteor-spark-landmark-annotation">Spark Landmark Annotation</a>
* <a href="http://www.eventedmind.com/posts/meteor-spark-event-annotations">Spark Event Annotations</a>
* <a href="http://www.eventedmind.com/posts/meteor-spark-annotation-functions">Spark Annotation Functions</a>
* <a href="http://www.eventedmind.com/posts/meteor-rendering-template-functions">Rendering Template Functions</a>
* <a href="http://www.eventedmind.com/posts/meteor-introduction-to-rendering">Introduction to Rendering</a>
* <a href="http://www.eventedmind.com/posts/handlebars-how-it-works">Handlebars - How It Works</a>
One-On-One Questions or Comments?
Something not making sense, want to share your thoughts or just say hello? I check this daily!