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

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

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

🤔 Why ?

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

🔥 Progression

Svelte

• Reactivity
  • 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
  • Context
• Form input
  • Input text
  • Checkbox
  • Radio
  • Select
• Webapp features
  • Render app
  • Fetch data
  • Router link
  • Routing

React

• Reactivity
  • 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
  • Context
• Form input
  • Input text
  • Checkbox
  • Radio
  • Select
• Webapp features
  • Render app
  • Fetch data
  • Router link
  • Routing

Vue 3

• Reactivity
  • 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
  • Context
• Form input
  • Input text
  • Checkbox
  • Radio
  • Select
• Webapp features
  • Render app
  • Fetch data
  • Router link
  • Routing

Angular

• Reactivity
  • 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
  • Context
• Form input
  • Input text
  • Checkbox
  • Radio
  • Select
• Webapp features
  • Render app
  • Fetch data
  • Router link
  • Routing

Lit

• Reactivity
  • 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
  • Context
• Form input
  • Input text
  • Checkbox
  • Radio
  • Select
• Webapp features
  • Render app
  • Fetch data
  • Router link
  • Routing

Vue 2

• Reactivity
  • 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
  • Context
• Form input
  • Input text
  • Checkbox
  • Radio
  • Select
• Webapp features
  • Render app
  • Fetch data
  • Router link
  • Routing

Ember

• Reactivity
  • 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
  • Context
• Form input
  • Input text
  • Checkbox
  • Radio
  • Select
• Webapp features
  • Render app
  • Fetch data
  • Router link
  • Routing

SolidJS

• Reactivity
  • 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
  • Context
• Form input
  • Input text
  • Checkbox
  • Radio
  • Select
• Webapp features
  • Render app
  • Fetch data
  • Router link
  • Routing

Alpine

• Reactivity
  • 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
  • Context
• Form input
  • Input text
  • Checkbox
  • Radio
  • Select
• Webapp features
  • Render app
  • Fetch data
  • Router link
  • Routing

Mithril

• Reactivity
  • 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
  • Context
• Form input
  • Input text
  • Checkbox
  • Radio
  • Select
• Webapp features
  • Render app
  • Fetch data
  • Router link
  • Routing

Aurelia 2

• Reactivity
  • 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
  • Context
• Form input
  • Input text
  • Checkbox
  • Radio
  • Select
• Webapp features
  • Render app
  • Fetch data
  • Router link
  • Routing

Qwik

• Reactivity
  • 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
  • Context
• Form input
  • Input text
  • Checkbox
  • Radio
  • Select
• Webapp features
  • Render app
  • Fetch data
  • Router link
  • Routing

Marko

• Reactivity
  • 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
  • Context
• Form input
  • Input text
  • Checkbox
  • Radio
  • Select
• Webapp features
  • Render app
  • Fetch data
  • Router link
  • Routing

Aurelia 1

• Reactivity
  • 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
  • Context
• Form input
  • Input text
  • Checkbox
  • Radio
  • Select
• Webapp features
  • Render app
  • Fetch data
  • Router link
  • Routing

⚖️ License

MIT. Made with 💖