kudzues/component-party
1
0
Fork 0
mirror of https://github.com/lainbo/component-party.git synced 2026-04-05 13:09:03 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'main' into main

Browse Source
This commit is contained in:
P Christopher Bowers
2022-05-10 17:20:54 -04:00
committed by GitHub
parent 6b02c97835 33bdd1b432
commit f83a8d60e1
15 changed files with 493 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files

359
README.md
View File

@@ -13,7 +13,6 @@ How do we solve this ? Developers love having framework overview by examples. It
## Roadmap
- \[ ] Add EmberJS
- \[ ] Add Preact
- \[ ] Add Stencil
- \[ ] Add native JS ?
@@ -26,33 +25,33 @@ How do we solve this ? Developers love having framework overview by examples. It
<b>Svelte</b>
<img src="https://us-central1-progress-markdown.cloudfunctions.net/progress/100" /></summary>
- [x] Reactivity
- [x] Declare state
- [x] Update state
- [x] Computed state
- [x] Templating
- [x] Minimal template
- [x] Styling
- [x] Loop
- [x] Event click
- [x] Dom ref
- [x] Conditional
- [x] Lifecycle
- [x] On mount
- [x] On unmount
- [x] Component composition
- [x] Props
- [x] Emit to parent
- [x] Slot
- [x] Slot fallback
- [x] Form input
- [x] Input text
- [x] Checkbox
- [x] Radio
- [x] Select
- [x] Webapp features
- [x] Routing
- [x] Router link
* [x] Reactivity
* [x] Declare state
* [x] Update state
* [x] Computed state
* [x] Templating
* [x] Minimal template
* [x] Styling
* [x] Loop
* [x] Event click
* [x] Dom ref
* [x] Conditional
* [x] Lifecycle
* [x] On mount
* [x] On unmount
* [x] Component composition
* [x] Props
* [x] Emit to parent
* [x] Slot
* [x] Slot fallback
* [x] Form input
* [x] Input text
* [x] Checkbox
* [x] Radio
* [x] Select
* [x] Webapp features
* [x] Routing
* [x] Router link
</details><details>
<summary>
@@ -60,33 +59,33 @@ How do we solve this ? Developers love having framework overview by examples. It
<b>React</b>
<img src="https://us-central1-progress-markdown.cloudfunctions.net/progress/100" /></summary>
- [x] Reactivity
- [x] Declare state
- [x] Update state
- [x] Computed state
- [x] Templating
- [x] Minimal template
- [x] Styling
- [x] Loop
- [x] Event click
- [x] Dom ref
- [x] Conditional
- [x] Lifecycle
- [x] On mount
- [x] On unmount
- [x] Component composition
- [x] Props
- [x] Emit to parent
- [x] Slot
- [x] Slot fallback
- [x] Form input
- [x] Input text
- [x] Checkbox
- [x] Radio
- [x] Select
- [x] Webapp features
- [x] Routing
- [x] Router link
* [x] Reactivity
* [x] Declare state
* [x] Update state
* [x] Computed state
* [x] Templating
* [x] Minimal template
* [x] Styling
* [x] Loop
* [x] Event click
* [x] Dom ref
* [x] Conditional
* [x] Lifecycle
* [x] On mount
* [x] On unmount
* [x] Component composition
* [x] Props
* [x] Emit to parent
* [x] Slot
* [x] Slot fallback
* [x] Form input
* [x] Input text
* [x] Checkbox
* [x] Radio
* [x] Select
* [x] Webapp features
* [x] Routing
* [x] Router link
</details><details>
<summary>
@@ -94,33 +93,33 @@ How do we solve this ? Developers love having framework overview by examples. It
<b>Vue 3</b>
<img src="https://us-central1-progress-markdown.cloudfunctions.net/progress/100" /></summary>
- [x] Reactivity
- [x] Declare state
- [x] Update state
- [x] Computed state
- [x] Templating
- [x] Minimal template
- [x] Styling
- [x] Loop
- [x] Event click
- [x] Dom ref
- [x] Conditional
- [x] Lifecycle
- [x] On mount
- [x] On unmount
- [x] Component composition
- [x] Props
- [x] Emit to parent
- [x] Slot
- [x] Slot fallback
- [x] Form input
- [x] Input text
- [x] Checkbox
- [x] Radio
- [x] Select
- [x] Webapp features
- [x] Routing
- [x] Router link
* [x] Reactivity
* [x] Declare state
* [x] Update state
* [x] Computed state
* [x] Templating
* [x] Minimal template
* [x] Styling
* [x] Loop
* [x] Event click
* [x] Dom ref
* [x] Conditional
* [x] Lifecycle
* [x] On mount
* [x] On unmount
* [x] Component composition
* [x] Props
* [x] Emit to parent
* [x] Slot
* [x] Slot fallback
* [x] Form input
* [x] Input text
* [x] Checkbox
* [x] Radio
* [x] Select
* [x] Webapp features
* [x] Routing
* [x] Router link
</details><details>
<summary>
@@ -128,33 +127,33 @@ How do we solve this ? Developers love having framework overview by examples. It
<b>Angular</b>
<img src="https://us-central1-progress-markdown.cloudfunctions.net/progress/100" /></summary>
- [x] Reactivity
- [x] Declare state
- [x] Update state
- [x] Computed state
- [x] Templating
- [x] Minimal template
- [x] Styling
- [x] Loop
- [x] Event click
- [x] Dom ref
- [x] Conditional
- [x] Lifecycle
- [x] On mount
- [x] On unmount
- [x] Component composition
- [x] Props
- [x] Emit to parent
- [x] Slot
- [x] Slot fallback
- [x] Form input
- [x] Input text
- [x] Checkbox
- [x] Radio
- [x] Select
- [x] Webapp features
- [x] Routing
- [x] Router link
* [x] Reactivity
* [x] Declare state
* [x] Update state
* [x] Computed state
* [x] Templating
* [x] Minimal template
* [x] Styling
* [x] Loop
* [x] Event click
* [x] Dom ref
* [x] Conditional
* [x] Lifecycle
* [x] On mount
* [x] On unmount
* [x] Component composition
* [x] Props
* [x] Emit to parent
* [x] Slot
* [x] Slot fallback
* [x] Form input
* [x] Input text
* [x] Checkbox
* [x] Radio
* [x] Select
* [x] Webapp features
* [x] Routing
* [x] Router link
</details><details>
<summary>
@@ -162,33 +161,33 @@ How do we solve this ? Developers love having framework overview by examples. It
<b>SolidJS</b>
<img src="https://us-central1-progress-markdown.cloudfunctions.net/progress/91" /></summary>
- [x] Reactivity
- [x] Declare state
- [x] Update state
- [x] Computed state
- [x] Templating
- [x] Minimal template
- [x] Styling
- [x] Loop
- [x] Event click
- [x] Dom ref
- [x] Conditional
- [x] Lifecycle
- [x] On mount
- [x] On unmount
- [x] Component composition
- [x] Props
- [x] Emit to parent
- [x] Slot
- [x] Slot fallback
- [x] Form input
- [x] Input text
- [x] Checkbox
- [x] Radio
- [x] Select
- [ ] Webapp features
- [ ] Routing
- [ ] Router link
* [x] Reactivity
* [x] Declare state
* [x] Update state
* [x] Computed state
* [x] Templating
* [x] Minimal template
* [x] Styling
* [x] Loop
* [x] Event click
* [x] Dom ref
* [x] Conditional
* [x] Lifecycle
* [x] On mount
* [x] On unmount
* [x] Component composition
* [x] Props
* [x] Emit to parent
* [x] Slot
* [x] Slot fallback
* [x] Form input
* [x] Input text
* [x] Checkbox
* [x] Radio
* [x] Select
* [ ] Webapp features
* [ ] Routing
* [ ] Router link
</details><details>
<summary>
@@ -196,33 +195,67 @@ How do we solve this ? Developers love having framework overview by examples. It
<b>Lit</b>
<img src="https://us-central1-progress-markdown.cloudfunctions.net/progress/5" /></summary>
- [ ] Reactivity
- [x] Declare state
- [ ] Update state
- [ ] Computed state
- [ ] Templating
- [ ] Minimal template
- [ ] Styling
- [ ] Loop
- [ ] Event click
- [ ] Dom ref
- [ ] Conditional
- [ ] Lifecycle
- [ ] On mount
- [ ] On unmount
- [ ] Component composition
- [ ] Props
- [ ] Emit to parent
- [ ] Slot
- [ ] Slot fallback
- [ ] Form input
- [ ] Input text
- [ ] Checkbox
- [ ] Radio
- [ ] Select
- [ ] Webapp features
- [ ] Routing
- [ ] Router link
* [ ] Reactivity
* [x] Declare state
* [ ] Update state
* [ ] Computed state
* [ ] Templating
* [ ] Minimal template
* [ ] Styling
* [ ] Loop
* [ ] Event click
* [ ] Dom ref
* [ ] Conditional
* [ ] Lifecycle
* [ ] On mount
* [ ] On unmount
* [ ] Component composition
* [ ] Props
* [ ] Emit to parent
* [ ] Slot
* [ ] Slot fallback
* [ ] Form input
* [ ] Input text
* [ ] Checkbox
* [ ] Radio
* [ ] Select
* [ ] Webapp features
* [ ] Routing
* [ ] Router link
</details><details>
<summary>
<img width="18" height="18" src="https://raw.githubusercontent.com/matschik/component-party/main/public/framework/ember.svg" />
<b>Ember</b>
<img src="https://us-central1-progress-markdown.cloudfunctions.net/progress/15" /></summary>
* [x] Reactivity
* [x] Declare state
* [x] Update state
* [x] Computed state
* [ ] Templating
* [ ] Minimal template
* [ ] Styling
* [ ] Loop
* [ ] Event click
* [ ] Dom ref
* [ ] Conditional
* [ ] Lifecycle
* [ ] On mount
* [ ] On unmount
* [ ] Component composition
* [ ] Props
* [ ] Emit to parent
* [ ] Slot
* [ ] Slot fallback
* [ ] Form input
* [ ] Input text
* [ ] Checkbox
* [ ] Radio
* [ ] Select
* [ ] Webapp features
* [ ] Routing
* [ ] Router link
</details><details>
<summary>