This example shows how to use a custom template ("my-component-template.html") for a given component ("my-component-slug") and how to retrieve component's data from template

WP-AppKit : custom template for a given component

//In theme's functions.js

/**
 Use a custom 'my-component-template.html' template only for the
 'my-component-slug' component :
*/
App.filter( 'template', function( template, current_screen ) {
	
	if ( current_screen.component_id == 'my-component-slug' ) {
		template = 'my-component-template'; //Don't need .html here.
	}
	
	return template;
} );

WP-AppKit : custom template for given component

<% // In theme's "my-component-template.html" %>

<h1>My customized component's template!</h1>

<% 

//As we use this template for the "my-component-slug" component,
//we can use the "posts" global var, that contains our component's posts :
console.log('Component posts', posts); //Array of JSON posts

//And/or retrieve any other (post list) component's posts :
var other_component = TemplateTags.getComponent('my-other-component-slug');
var other_component_posts = other_component.view_data.posts; //Backbone Collection of posts
var other_component_posts_array = other_component_posts.toJSON(); //Array of JSON posts
console.log("Other component's posts", other_component_posts_array);

//Then implement _.each() loops on posts arrays to display post lists as you
//would do in the archive.html template
%>