https://github.com/eswat2/vanilla-wc
Web Components without frameworks...
https://github.com/eswat2/vanilla-wc
Last synced: 3 months ago
JSON representation
Web Components without frameworks...
- Host: GitHub
- URL: https://github.com/eswat2/vanilla-wc
- Owner: eswat2
- Created: 2020-09-11T03:53:01.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2020-09-11T21:56:12.000Z (over 4 years ago)
- Last Synced: 2025-01-12T22:43:40.280Z (5 months ago)
- Language: HTML
- Homepage:
- Size: 41 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# vanilla-wc
(aka. Web Components without frameworks)
1. [sample-000][s0] - _the simplest Web Component_
2. [sample-001][s1] - _the component lifecycle hooks_
3. [sample-002][s2] - _templates and ::parts_
4. [sample-003][s3] - _css vars and svgs_
5. [sample-004][s4] - _a simple icon component_
6. [sample-005][s5] - _props & IIFE components_
## references
- [CustomEvent()][ce-moz] - _moz://a_
- [Web Components][wc-moz] - _moz://a_
- [Handling data with Web Components][wc-data] - _Medium_
- [The many ways to write an IIFE in JavaScript][iife] - _Go Make Things_
[s0]: ./sample-000.html
[s1]: ./sample-001.html
[s2]: ./sample-002.html
[s3]: ./sample-003.html
[s4]: ./sample-004.html
[s5]: ./sample-005.html
[ce-moz]: https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent
[wc-moz]: https://developer.mozilla.org/en-US/docs/Web/Web_Components
[wc-data]: https://itnext.io/handling-data-with-web-components-9e7e4a452e6e
[iife]: https://gomakethings.com/the-many-ways-to-write-an-immediately-invoked-function-expression-iife-in-javascript/