meiosis-riot v0.7.1
Meiosis-Riot
Meiosis-Riot is a Meiosis renderer for Riot.
You can install it with npm
:
npm i --save meiosis-riot
Then use it along with Meiosis:
import { createComponent, run } from "meiosis";
import { renderer } from "meiosis-riot";
const Main = createComponent({
setup: function(propose/actions) {
// create Riot components here, use propose or actions in event handlers
}
});
const model = { store: { ... } };
run(renderer("main-tag-name").intoId(document, "app"), Main);
You can also download the JavaScript file from the Meiosis builds and add it to your page with a plain <script>
tag. In that case it will be available as the meiosisRiot
global variable.
Create your Riot components in the setup
function, and make sure your model has a single root property. In this example, it is store
, but you can name it as you wish. Then, specify the name of the root tag of your Riot application when calling renderer(rootTagName)
.
The Meiosis Guide contains a section about setup explaining its use with Riot.
You will also find a simple counter example and a more elaborate todo-list with server example in the meiosis-examples repository.
--
Meiosis is developed by foxdonut (@foxdonut00) and is released under the MIT license.