riotjs-loaderを3.0.0->4.0.0に変更するとscoped cssがデフォルトになる

riotjs-loaderの実態


こんにちは、WOWの梶野です。
別の記事で、riotjs-loaderを 3.0.0 から 4.0.0
に変更すると、真偽値属性が使えるようになると書きましたが、実際は riotjs-loader が依存している riot-compiler が 2.3.22 から 3.0.0 に変更になっただけでした。
“riotjs-loaderを3.0.0->4.0.0に変更するとscoped cssがデフォルトになる” の続きを読む

Riot.jsで真偽値属性(disabledなど)が「__disabled」になる問題

ごあいさつ
 


はじめまして、WOWの梶野です。

私の記事は短いですが、当たればデカいを目指してコアな内容を書いていきます。
ハードルを上げすぎてもアレなので、コアじゃないのも書きます。

Riot.jsについて


最近のフロントエンド開発ではReactを使うことが多いですが、私は少数派ですので、「Riot.js」をよく使っています。
検索から来た人は、Riot.jsのことはよく知っているはずなので良いですが、そうでない人はぜひ使ってみてください。
 
 

__disabled問題


Riot.jsでは、disabled=”{ !data.reference[0] }”のように判定式でdisabledが出来る。と公式ガイドに書いてある。

真偽値属性 (checked, selected など) はテンプレート変数がfalse的であれば無視されます。
<input checked={ null }><input> になります。

http://riotjs.com/ja/guide/#真偽値属性

しかし、いざ使おうとすると、何故か「__disabled」になってしまい、全然機能してくれなかった。
“Riot.jsで真偽値属性(disabledなど)が「__disabled」になる問題” の続きを読む