https://github.com/hrkings/webcomponent-battle
A small repo for experimenting with the creation of fast and lightweight web components
https://github.com/hrkings/webcomponent-battle
Last synced: 4 months ago
JSON representation
A small repo for experimenting with the creation of fast and lightweight web components
- Host: GitHub
- URL: https://github.com/hrkings/webcomponent-battle
- Owner: HRKings
- Created: 2022-06-19T04:55:17.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2022-06-22T03:44:00.000Z (almost 3 years ago)
- Last Synced: 2024-12-27T13:23:10.922Z (5 months ago)
- Homepage:
- Size: 7.81 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Web Components Battle
This is a repository aimed to test different frameworks to build a very simple design system with web components, with the objective to see which one I like most and is more fun to use.
_Obs.: All of them will be using [Vite](https://vitejs.dev/guide/) and TypeScript_
## Why those two main frameworks ?
Those two main frameworks were chosen because they are more lightweight, Svelte compiles to vanilla JS and Lit is designed to create web components. I didn't want any heavy engine to be used in a web component that can be used in any framework.
## The main frameworks
### Svelte
The documentation is available [here](https://svelte.dev/docs)
### Lit
The documentation is available [here](https://lit.dev/docs/)
## Other frameworks
Other two frameworks are being tested due to popularity amongst developers.
### Vue
The documentation is available [here](https://vuejs.org/guide/introduction.html/)
## React
The documentation is available [here](https://reactjs.org/docs/getting-started.html)
## The tooling
To build the sample design system, [Storybook](https://storybook.js.org/) will be used.