🌓 Luna UI
🌐 日本語
English日本語
チュートリアル: MoonBit

MoonBit チュートリアル

MoonBit で Luna のリアクティブプリミティブとサーバーサイドレンダリングを学びます。

学習内容

セクショントピック
導入基本、Signals、Effects、Memos
リアクティビティバッチ更新、Untrack、ネストした Effects
制御フロー条件付きレンダリング、リスト、Switch
ライフサイクルMount、Cleanup
Islands部分的ハイドレーションのためのサーバーサイドレンダリング

前提条件

  • MoonBit の基礎（構造体、関数、トレイト）

  • リアクティブプログラミングの概念の理解

チュートリアルセクション

導入

  1. 基本 - 最初の Luna コンポーネント

  2. Signals - リアクティブな状態

  3. Effects - 副作用

  4. Memos - 計算値

リアクティビティ

  1. バッチ更新 - 複数の更新を結合

  2. Untrack - 追跡から逃れる

  3. ネストした Effects - Effect の合成

制御フロー

  1. Show - 条件付きレンダリング

  2. For - リストレンダリング

  3. Switch - 複数条件

ライフサイクル

  1. onMount - マウント時のセットアップ

  2. onCleanup - リソースのクリーンアップ

Islands アーキテクチャ

  1. Islands 基本 - サーバーサイドの Island セットアップ

  2. Islands State - クライアントへの状態渡し

  3. Islands Triggers - ハイドレーションタイミングの制御

  4. Web Components - Shadow DOM Islands

関連項目