component-party icon indicating copy to clipboard operation
component-party copied to clipboard

verified publisher icon lainbo
→

Metadata

component-party的中文版本

这个项目是 component-party 的中文汉化版本，如果有帮助希望点个Star支持下，我会持续更新语法

Component Party 🎉

通过语法和特性快速概述Web组件JS框架

网站: https://component-party.lainbo.com/

🤔 Why ?

许多JS开发者并未对所有现有的JS框架及其自身的语法和特性有一个良好的概览。我们如何解决这个问题呢？开发者们喜欢通过例子来了解框架的概览。这是在深入学习之前的快速介绍。

🔥 Progression

Svelte
  • [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] Context
  • [x] Form input
    • [x] Input text
    • [x] Checkbox
    • [x] Radio
    • [x] Select
  • [x] Webapp features
    • [x] Render app
    • [x] Fetch data
    • [x] Router link
    • [x] Routing
React
  • [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] Context
  • [x] Form input
    • [x] Input text
    • [x] Checkbox
    • [x] Radio
    • [x] Select
  • [x] Webapp features
    • [x] Render app
    • [x] Fetch data
    • [x] Router link
    • [x] Routing
Vue 3
  • [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] Context
  • [x] Form input
    • [x] Input text
    • [x] Checkbox
    • [x] Radio
    • [x] Select
  • [x] Webapp features
    • [x] Render app
    • [x] Fetch data
    • [x] Router link
    • [x] Routing
Angular
  • [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
  • [ ] Component composition
    • [x] Props
    • [x] Emit to parent
    • [x] Slot
    • [x] Slot fallback
    • [ ] Context
  • [x] Form input
    • [x] Input text
    • [x] Checkbox
    • [x] Radio
    • [x] Select
  • [x] Webapp features
    • [x] Render app
    • [x] Fetch data
    • [x] Router link
    • [x] Routing
Lit
  • [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
  • [ ] Component composition
    • [x] Props
    • [x] Emit to parent
    • [x] Slot
    • [x] Slot fallback
    • [ ] Context
  • [x] Form input
    • [x] Input text
    • [x] Checkbox
    • [x] Radio
    • [x] Select
  • [x] Webapp features
    • [x] Render app
    • [x] Fetch data
    • [x] Router link
    • [x] Routing
Vue 2
  • [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] Context
  • [x] Form input
    • [x] Input text
    • [x] Checkbox
    • [x] Radio
    • [x] Select
  • [x] Webapp features
    • [x] Render app
    • [x] Fetch data
    • [x] Router link
    • [x] Routing
Ember
  • [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] Context
  • [x] Form input
    • [x] Input text
    • [x] Checkbox
    • [x] Radio
    • [x] Select
  • [ ] Webapp features
    • [ ] Render app
    • [x] Fetch data
    • [x] Router link
    • [x] Routing
SolidJS
  • [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
  • [ ] Component composition
    • [x] Props
    • [x] Emit to parent
    • [x] Slot
    • [x] Slot fallback
    • [ ] Context
  • [x] Form input
    • [x] Input text
    • [x] Checkbox
    • [x] Radio
    • [x] Select
  • [x] Webapp features
    • [x] Render app
    • [x] Fetch data
    • [x] Router link
    • [x] Routing
Alpine
  • [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
  • [ ] Component composition
    • [x] Props
    • [x] Emit to parent
    • [x] Slot
    • [x] Slot fallback
    • [ ] Context
  • [x] Form input
    • [x] Input text
    • [x] Checkbox
    • [x] Radio
    • [x] Select
  • [x] Webapp features
    • [x] Render app
    • [x] Fetch data
    • [x] Router link
    • [x] Routing
Mithril
  • [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] Context
  • [x] Form input
    • [x] Input text
    • [x] Checkbox
    • [x] Radio
    • [x] Select
  • [x] Webapp features
    • [x] Render app
    • [x] Fetch data
    • [x] Router link
    • [x] Routing
Aurelia 2
  • [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] Context
  • [x] Form input
    • [x] Input text
    • [x] Checkbox
    • [x] Radio
    • [x] Select
  • [x] Webapp features
    • [x] Render app
    • [x] Fetch data
    • [x] Router link
    • [x] Routing
Qwik
  • [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] Context
  • [x] Form input
    • [x] Input text
    • [x] Checkbox
    • [x] Radio
    • [x] Select
  • [ ] Webapp features
    • [ ] Render app
    • [x] Fetch data
    • [x] Router link
    • [x] Routing
Marko
  • [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] Context
  • [x] Form input
    • [x] Input text
    • [x] Checkbox
    • [x] Radio
    • [x] Select
  • [x] Webapp features
    • [x] Render app
    • [x] Fetch data
    • [x] Router link
    • [x] Routing
Aurelia 1
  • [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
  • [ ] Component composition
    • [x] Props
    • [x] Emit to parent
    • [x] Slot
    • [x] Slot fallback
    • [ ] Context
  • [x] Form input
    • [x] Input text
    • [x] Checkbox
    • [x] Radio
    • [x] Select
  • [ ] Webapp features
    • [ ] Render app
    • [x] Fetch data
    • [x] Router link
    • [x] Routing

⚖️ License

MIT. Made with 💖

← Metadata

330
Stars
39
Forks
Watchers

Owner

verified publisher icon lainbo

Metadata

component-party的中文版本

Back