@tntsuperman/rjs
Version:
simple, react, fast JavaScript framework
43 lines (39 loc) • 1.55 kB
Markdown
simple, reactive, fast.
簡易的でリアクティブなフレームワークを目指して開発しています。
Reactとかのコード多いな~って、リアクティブの部分だけ作って
ウルトラ単純フレームワーク作りたいな~って。
そして生まれた。
- Typescript対応
- 完全()関数型
- 内部伝達用オブジェクトは使わず、配列で伝達 → コードの無駄を無くす
```js
import {createVElement as ve, createVText as vt} from "./dist/R.esm.min.js";
function App(){
return ve(
"div", //Tag
()=>[vt(()=>"hello, world!")], //Content
()=>({id:"app"}), //Attr
{} //Event
)
}
document.body.appendChild(App().node);
```
Rjsをnode上でjsdomとか使いたい人向けです
設定すべきはwindowのみです。以下のようにしてください。
```js
import * as R from "./dist/R.esm.min.js"
import {JSDOM} from "jsdom"
globalThis.window = new JSDOM().window;
//...Rjsのコード
console.log(R.createVText(()=>""));
```
> npmで公開したらunpkgとかjsdelivrが出してくれるんですね
[](https://unpkg.com/@tntsuperman/rjs/dist/R.global.js)
[](https://unpkg.com/@tntsuperman/rjs/dist/R.global.min.js)
ここで紹介している以外にもモジュール版、CommonJS版、AMD、SystemJS、UMDがあります。以下をご確認ください。
[](https://unpkg.com/browse/@tntsuperman/rjs/dist/)