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
- BrightspaceUI Labs: Experimental web components
- Brightspace Hypermedia Components: Hypermedia-driven web components
Clone the repo and run:
npm install
To start a development server that hosts the demos, run:
npm start
It 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
.