解決している問題ベースのドキュメンテーション about capsid HOT 4 CLOSED

• capsid.def -> dom driven component
  • component を dom に自動的に mount する
  • 解決すること: component と dom の対応を単純化する
  • 必ず、dom が先でそこに component がマウントする
  • component が dom を作るみたいな状況を作らない
• @on -> 宣言的なイベントハンドラー
  • 命令的なイベントバインディングをやめて、宣言的にバインディングできる
    • いつバインドされるか、とか、バインドする順序など本質的でない要素について考えなくてよくなる
• @component -> 宣言的なコンポーネント定義
• @emit.last -> 親への情報伝達
• @wire -> 子の宣言、子の明示
• capsid.prep -> 動的な component の追加 (何が来るか分からない時)
  • pjax の時などに使う
• capsid.make capsid.init -> 動的な component の生成 (何が来るかわかっている場合)
  • 親がアプリケーションロジックにしたがって子を作る場合など
• capsid.get -> 動的にコンポーネントを取得する場合
  • あまり使うべきではない、できるだけ @wire で解決すべき

from capsid.

• API
• その API が解決する問題
• その解決する問題が分かる例
  • (例はマークダウンとコンポーネント定義の両方を含む)

の 3つセットでトピックを切る

from capsid.

• Hello world example API: def
  • This explain how to use capsid, what def is, how to start writing component.
  • Illustrates what capsid is at all.
  • Solves the code organization problem How to organize UI program based on component.
• MyButton example API: @on
  • Illustrates event handler declaration.
  • Solves the messiness of a bunch of addEventListener calls.
• Timer example API: none
  • Illustrates how to store component state.
  • Illustrates how to reflect data to view.

from capsid.

partially done

from capsid.