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
324 Commits 3 Branches 0 Tags
5c096d0e02847513884b0469d5b432a68efd251b
Go to file
Clone
Open with VS Code Open with VSCodium Open with Intellij IDEA
Download ZIP Download TAR.GZ Download BUNDLE
Mathieu Schimmerling 5c096d0e02 chore: run formatter
2022-05-17 12:31:01 +00:00
.github/workflows
attempt to fix memory issue
2022-04-18 19:10:31 +02:00
.husky
lint: use npx
2022-05-03 17:17:02 +02:00
.vscode
add angular config
2022-04-11 09:56:54 +00:00
content
chore: run formatter
2022-05-17 12:31:01 +00:00
public
feat(seo): update meta tags
2022-05-15 21:48:21 +02:00
scripts
feat: ♻️ Refactored to 1 config instead of 2\n\nRemoved config.cjs in favor of 1 config to maintain all framework information
2022-05-11 10:03:47 -04:00
src
Revert "docs(react): React must be imported in React files"
2022-05-17 12:08:50 +00:00
.babelrc
chore: run formatter
2022-05-17 12:31:01 +00:00
.eslintrc.cjs
feat: ♻️ Refactored to 1 config instead of 2\n\nRemoved config.cjs in favor of 1 config to maintain all framework information
2022-05-11 10:03:47 -04:00
.eslintrc.esm.mjs
chore: run formatter
2022-05-17 12:31:01 +00:00
.gitignore
update gitignore
2022-04-28 23:22:11 +02:00
.gitpod.yml
style(lit): improve declare state example
2022-05-14 09:02:01 +00:00
.npmrc
add astro
2022-04-07 14:04:03 +00:00
.nvmrc
init astro website
2022-04-08 16:18:17 +00:00
.prettierrc
build: 🚨 Updated Prettierrrc to Manually Include Svelte Plugin
2022-05-11 10:05:47 -04:00
astro.config.mjs
chore: run formatter
2022-05-17 12:31:01 +00:00
CONTRIBUTING.md
improve scripts
2022-04-08 21:43:57 +00:00
LICENSE
add global doc generator
2022-03-29 01:25:46 +00:00
package.json
chore: run formatter
2022-05-17 12:31:01 +00:00
pnpm-lock.yaml
chore: run formatter
2022-05-17 12:31:01 +00:00
README.md
chore: run formatter
2022-05-17 12:31:01 +00:00
tailwind.config.cjs
chore: update roadmap and format files
2022-05-04 01:06:07 +02:00
tsconfig.app.json
add angular config
2022-04-11 09:56:54 +00:00
tsconfig.json
feat: change alias path
2022-05-12 02:47:50 +02:00
tsconfig.spec.json
add angular config
2022-04-11 09:56:54 +00:00

README.md

Component Party 🎉

Open in Gitpod

Web component JS frameworks quick overview by their syntax and features

Website: https://component-party.dev

Why ?

Many JS developers don't have a good overview of every existing JS framework with their own syntax and features. How do we solve this ? Developers love having framework overview by examples. It's a quick introduction before going deeper.

Roadmap

  • [ ] Add Preact
  • [ ] Add Stencil
  • [ ] Add native 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
  • Form input
    • Input text
    • Checkbox
    • Radio
    • Select
  • Webapp features
    • Routing
    • Router link
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
  • Form input
    • Input text
    • Checkbox
    • Radio
    • Select
  • Webapp features
    • Routing
    • Router link
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
  • Form input
    • Input text
    • Checkbox
    • Radio
    • Select
  • Webapp features
    • Routing
    • Router link
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
  • Form input
    • Input text
    • Checkbox
    • Radio
    • Select
  • Webapp features
    • Routing
    • Router link
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
  • Form input
    • Input text
    • Checkbox
    • Radio
    • Select
  • Webapp features
    • Routing
    • Router link
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
  • Form input
    • Input text
    • Checkbox
    • Radio
    • Select
  • Webapp features
    • Routing
    • Router link
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
  • Form input
    • Input text
    • Checkbox
    • Radio
    • Select
  • Webapp features
    • Routing
    • Router link
Alpine.js
  • 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
  • Form input
    • Input text
    • Checkbox
    • Radio
    • Select
  • Webapp features
    • Routing
    • Router link

Contributing

This site is built with Astro. Site content is written in Markdown format located in content. For simple edits, you can directly edit the file on GitHub and generate a Pull Request.

For local development, pnpm is preferred as package manager:

pnpm i
pnpm run dev

This project requires Node.js to be v14.0.0 or higher, because we use new JavaScript features in our code, such as optional chaining.

Add a framework

  1. Fork the project and create a new branch
  2. Add the new framework SVG logo in public/framework
  3. Install the ESLint plugin associated to the framework
  4. In src/frameworks.mjs, add a new entry with SVG link and ESLint configuration
Description
component-party的中文版本
Readme MIT 4.1 MiB
Languages
TypeScript 50.7%
JavaScript 18.6%
Svelte 14%
HTML 7.5%
Vue 5%
Other 4.2%