Comments (4)
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.
Related Issues (20)
- Throw error with empty component name
- An in-range update of karma is breaking the build 🚨 HOT 3
- An in-range update of lynt is breaking the build 🚨 HOT 1
- An in-range update of @types/node is breaking the build 🚨 HOT 3
- An in-range update of codecov is breaking the build 🚨 HOT 1
- An in-range update of watchify is breaking the build 🚨 HOT 1
- An in-range update of babel7 is breaking the build 🚨 HOT 6
- An in-range update of browserify is breaking the build 🚨 HOT 2
- Switch to TypeScript decorator HOT 1
- Reorganize examples HOT 2
- Coverage 100% HOT 2
- Separate documents of basic APIs and advanced APIs HOT 1
- Guide HOT 1
- @pub async method doesn't work HOT 2
- use Symbols for hiding framework specific data
- cjs is not supported in npm module HOT 1
- npm module can't be type checked
- npm module is not unit tested HOT 3
- Remove coelement phrases from documentation and implementation
- Separate basic APIs and advanced APIs more clearly
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from capsid.