GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → geocine → web-components-hooks-demo

geocine / web-components-hooks-demo

Licence: other
web components hooks demo

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Labels

hooksweb-componentsroutingcss-in-jshacktoberfestparceljscontext-api

Projects that are alternatives of or similar to web-components-hooks-demo

Scale
The Scale library offers a set of customizable web components written with Stencil.js & TypeScript. The default theme of the library can be easily replaced so that a corresponding corporate identity of a dedicated brand can be represented.
Stars: ✭ 87 (+411.76%)
Mutual labels:  web-components, css-in-js
grid-container
A grid for the future, CSS Grid Layout + Web Components (Custom Elements v1 + Shadow DOM v1)
Stars: ✭ 51 (+200%)
Mutual labels:  web-components
page-title
A Polymer element for easily updating a webpage's title, such as in a SPA.
Stars: ✭ 13 (-23.53%)
Mutual labels:  web-components
reno
A thin, testable routing library designed to sit on top of Deno's standard HTTP module
Stars: ✭ 127 (+647.06%)
Mutual labels:  routing
smart-custom-element
Smart a lightweight web component library that provides capabilities for web components, such as data binding, using es6 native class inheritance. This library is focused for providing the developer the ability to write robust and native web components without the need of dependencies and an overhead of a framework.
Stars: ✭ 17 (+0%)
Mutual labels:  web-components
remote-input-element
An input element that sends its value to a server endpoint and renders the response body.
Stars: ✭ 72 (+323.53%)
Mutual labels:  web-components
SymfonyModularRouting
[DEPRECATED] Decouple your Symfony routing to independent, standalone services.
Stars: ✭ 18 (+5.88%)
Mutual labels:  routing
angular-react-microfrontend
🚧 React vs Angular ? Why not both ! Micro frontend demo using Angular and React alongs with a NodeJS API
Stars: ✭ 17 (+0%)
Mutual labels:  web-components
angular-lazy-loading
Angular 15 & React 18 Examples Lazy Loading
Stars: ✭ 39 (+129.41%)
Mutual labels:  routing
react-parcel-ssr
React Server Side Rendering with Parceljs & Babel
Stars: ✭ 18 (+5.88%)
Mutual labels:  parceljs
w-components
JavaScript library based on Web Components.
Stars: ✭ 17 (+0%)
Mutual labels:  web-components
Shadow-DOM-inject-styles
🎉 A helper function to easily modify Shadow DOM CSS.
Stars: ✭ 47 (+176.47%)
Mutual labels:  web-components
esl
Lightweight and flexible UI component library based on web components technology for creating basic UX modules
Stars: ✭ 53 (+211.76%)
Mutual labels:  web-components
rtrlib
An open-source C implementation of the RPKI/Router Protocol client
Stars: ✭ 62 (+264.71%)
Mutual labels:  routing
solid-styled
Reactive stylesheets for SolidJS
Stars: ✭ 92 (+441.18%)
Mutual labels:  css-in-js
cf-k8s-networking
building a cloud foundry without gorouter....
Stars: ✭ 33 (+94.12%)
Mutual labels:  routing
balanceofsatoshis
Tool for working with the balance of your satoshis on LND
Stars: ✭ 447 (+2529.41%)
Mutual labels:  routing
psycopgr
A Python wrapper of pgRouting for routing from nodes to nodes on real map.
Stars: ✭ 24 (+41.18%)
Mutual labels:  routing
ibm-toolbar
Horizontal toolbar containing items that can be used for label, navigation, search and actions
Stars: ✭ 18 (+5.88%)
Mutual labels:  web-components
stylish-components
A component styling library with minimalism and performance in mind
Stars: ✭ 18 (+5.88%)
Mutual labels:  css-in-js
View All Similar Projects ➔

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:

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
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].