あまく、なめらか。
直感で書けるリアクティブ・フレームワーク
Simple and Intuitive Reactive Framework
Examples
ichigo.js で組み立てた、実用的なアプリケーション
CRUD をひととおり備えた、定番のタスク管理アプリ
Advanced
複雑なアプリにも応える、パワフルな仕組み
外部ライブラリ連携とコンポーネントの生存期間管理
Anime.js を使った本格的なアニメーション
ResizeObserver API で要素サイズの変化を監視
IntersectionObserver API で表示状態を検知
PerformanceObserver API でパフォーマンスを計測
Quick Start
コピーして、すぐに動かしてみてください
<!DOCTYPE html>
<html>
<body>
<div id="app">
<h1>{{ message }}</h1>
<input v-model="message">
<p>Count: {{ count }}</p>
<button @click="increment">Increment</button>
</div>
<script type="module">
import { VDOM } from '@mintjamsinc/ichigojs';
VDOM.createApp({
data() {
return {
message: 'Hello ichigo.js!',
count: 0
};
},
methods: {
increment() {
this.count++;
}
}
}).mount('#app');
</script>
</body>
</html>Installation
npm でも、CDN からでも
npm install @mintjamsinc/ichigojs
Core Features
Everything you need for modern web development
すべての data プロパティが自動でリアクティブに。変更を検知し、DOM 更新を自動でスケジュールします。
算出プロパティが依存を自動で追跡し、必要なときだけ再評価します。
よくある UI パターンと操作のための、Vue ライクなディレクティブ群。