Demonstrates building a web component using vanilla JavaScript compared to Lit.
- Lit: official Lit guide
- Modern Web Project: Guides, tools and libraries for modern web development (this project uses their development server tooling)
- Google Web Fundamentals: Custom Elements: Vanilla custom elements overview
- Daylight Site: design and development resources for building UIs
- @brightspace-ui/core: D2L's primary set of web components
- @brightspace-ui/labs: Experimental web components
- @brightspace-ui/testing: tools for unit testing, accessibility testing and vdiff testing
Clone the repo and run:
npm installTo start a development server that hosts the demos, run:
npm startIt should open automatically, and reload whenever changes are made.
By default, index.html loads the vanilla web component (vanilla.js). To use Lit instead, switch it to load lit.js.