メモ帳

やったこととかちまちまと書く需要のない記事を生成している

Riot.jsを始めてみた

JavaScript Riot Programming

Riot.jsとは

React.jsっぽいやつ

始め方

github.com
からダウンロードして使うか
https://cdn.jsdelivr.net/riot/3.0/riot+compiler.min.js
で読み込む

今回はver 3.0.1をダウンロードして使った。

今回書いたコード

main.html

<html>
  <head>
    <title>Riot.js</title>
    <script src="./riot-master/riot+compiler.js"></script>
  </head>
  <body>
    <layout></layout>
    <script type="riot/tag" src="main.tag"></script>
    <button type="button" onclick="riot.mount('main','sub');">change</button>
    <script>
        riot.mount('layout');
    </script>
  </body>
</html>

main.tag

<layout>
    <main></main>
</layout>

<main>
    <h1>Hello World</h1>
</main>

<sub>
    <h1>Hello @kwnktks0515</h1>
</sub>