Web Components + Hooks Demo

This demonstrates a basic shopping cart built using Web Components. It also has State Management, Routing, CSS-in-JS and does not need a build step.

Technologies used:

• Web Components through lit-html
• Hooks through haunted
• Context API through haunted
• Routing through navigo
• CSS-in-JS through goober

Usage

This demo runs without a build step.

Development

Just run on a webserver with index.html as a fallback page. I suggest using lite-server on root directory. The yarn start script uses lite-server.

yarn
yarn start

If you are serving this on a different host:port make sure to replace all instances of

http://localhost:3000