Live Ranges

You can think of a LiveRange as a hidden enclosing tag around one or more html elements

Good job! That's it for "Live Ranges."

Need a second look? Watch again

Live Ranges

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.

  • Meteor
  • Tutorial
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! **Related lessons:** * <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>
Join the Discussion

Want to leave a comment? .