riot.js

I have been looking at this ambitious project https://github.com/nippur72/RiotTS that has moved riotjs over to riot-ts. The author has used bower, and I am trying to get it working using jspm. riot-ts doesn't exist in the jspm repo list, so I imported using jspm install npm:riot-ts package.json: { "jspm": { "directories": { "baseURL": "public/assets" }, "dependencies": { "riot-ts": "npm:riot-ts@^1.0.14" }, "devDependencies": { "babel": "npm:babel-core@^5.8.24", "babel-runtime": "npm:babel-runtime@^5.8.24", "core-js": "npm:core-js@^1.1.4" } }, "devDependencies": { "elixir-jasmine": "0.0.4",

If I have a custom riot tag with a p in it like this: <custom> <p>This is a text</p> </custom> How do I access the <p> element from within the <custom> tag? Update : I've received a whole bunch answers that are of ways to select it from the DOM. What I want is a way to select the inner p tag from within the component library riot.js itself. I'm looking for a more riotjs specific answer. For example with polymer you use this.$.content.getDistributedNodes() . Riot only provides 4 properties to access data from the current tag you're in: this.opts this.parent this.root this.tags See the API docs

Im not really sure if Im understanding correctly the way observables work and how to get references from mounted tags. I have a component . Within this component we have a component and a component . The purpose is to avoid coupling between components. Because of that, I would like that my search component triggers an event when a search is done(a button is clicked). This event should be caught by the component which will filter the collection data based on the search. The index.html file load the tag by using: index.html riot.mount(".content", "page", null); The page is defined as follow:

I try to load data from two different sources. After loading the data I want to use it within a riot tag file. But I do not understand how to load the second file, because I do not really understand the asynchronous call. What do I have to modify in my code to get the data? Right now, the second data object is undefined. Here is my code: import { csv, json } from 'd3-fetch' csv('/data/stations.csv', function (stations) { json('data/svg_data.json', function (svg) { return svg }) stations.position_x = +stations.position_x stations.position_y = +stations.position_y stations.animation_time =