rukus

rukus provides some helpers and patterns for using riot.js

Usage no npm install needed!

<script type="module">
  import rukus from 'https://cdn.skypack.dev/rukus';
</script>

README

                                     _              
                                    | |                     ,--.!,  
                          _ __ _   _| | ___   _ ___      __/   -*-      
                         | '__| | | | |/ / | | / __|   ,d08b.  '|`     
                         | |  | |_| |   <| |_| \__ \   0088MM     
                         |_|   \__,_|_|\_\\__,_|___/   `9MMP'    
                                        by iflix.com

Rukus is a project skeleton, webpack loader and helpers for building riot.js web applications in the iflix style.

Riot Tag files are replaced with components defined in directories with an index.html template, an index.js (which exports a component handler), and a test.js file which validates the component.

Rukus is an opinionated pattern for building apps with riot.js

getting started

$ npm install -g rukus
$ rukus newproject <yourproject>
$ cd <yourproject>
$ npm start

And point your browser to http://localhost:8080

Running tests

Rukus tests use mocha and feryt by default, tests can be run by typing:

$ npm test

Components

The rukus webpack loader searches directories (./components by default) for rukus components and manually registers them as riot tags. A rukus component is a directory with an index.html, index.js and test.js file:

yourcomponent/
    index.html
    index.js
    test.js

To create a new component, cd into the components directory and run:

$ rukus newcomponent <yourcomponent>