tehshrike / state-router-example

Examples of abstract-state-router usage with various templating/rendering libraries

Information about the abstract-state-router, and some example implementations.

Check it out!

To run it yourself locally, check it out into some directory being served up by a static http server, maybe Apache or something:

git clone [email protected]:tehshrike/state-router-example.git
cd state-router-example
npm install

At this point you can npm run build to build a deployable version of all versions, minified and everything, or you can run one of these if you want to play with the code:

• npm run watch:riot
• npm run watch:ractive
• npm run watch:ractive-redux
• npm run watch:virtualdom
• npm run watch:ko
• npm run watch:svelte

state-router-example's Issues

Need some documentation on how to run

I assume it's just

git clone REPO
cd REPO
npm install .
npm build

maybe? Have to have browserify installed with -g probably? Maybe watchify also?

I was having trouble with npm this morning, so I couldn't verify that flow for sure, but it looks correct.

Race condition in login.tag?

I am trying to follow your example and it seems to me that the opts.login is available in login.tag only due to luck. ie. if in login tag you called opts.login right away in <script> it would tell you that this function is undefined.

Related to this: riot/riot#1299

I am trying to find a decent way to inject services (in Angular they would be services, in Riot they are just resource abstractions; let's just say modules) into custom tags. So for example I have a tag, which is a dropdown that lists all the countries. The countries are in a NPM module. I need a way to make them available in the country-selecter tag's <script> section. Or is this an anti-pattern? Sorry for going off-topic, but it's really hard to find any information on RiotJS best practices...

Add readme.md within each implementation main folder, with link to demo

As per title, it would be helpful for folders like https://github.com/TehShrike/state-router-example/tree/master/implementations/svelte to have a readme.md with the link to the demo eg https://tehshrike.github.io/state-router-example/implementations/svelte/index.html

Probably you should just copy the relevant text from https://tehshrike.github.io/state-router-example/

Getting a 404 for rsvp.js.map

Under the assumption that the build step is correct in #1

When I launch using python -m SimpleHTTPServer 8000 then the console.log says:

Initializing dummy data
GET http://localhost:8000/rsvp.js.map 404 (File not found)