Skip to content

lainbo/component-party

 
 

Repository files navigation

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

Component Party 🎉

通过语法和特性快速概述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 💖

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 55.8%
  • Svelte 13.7%
  • TypeScript 12.3%
  • Vue 7.0%
  • HTML 7.0%
  • Marko 2.1%
  • Other 2.1%