We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
HydrateElement
Initially started in ProjectEvergreen/greenwood#548, but wcc may provide a nice sandbox for something testing something like this out.
Latest prototype looks something like this
// https://web.dev/declarative-shadow-dom/#hydration class HydrateElement extends HTMLElement { // attach the shadow connectedCallback() { if (!this.shadowRoot) { this.attachShadow({ mode: 'open' }); this.shadowRoot.appendChild(template.content.cloneNode(true)); } } } /* <style> x-foo:not(:defined) > * { display: none; } </style> */ export { HydrateElement };
Some other ideas / feature that have come up while working on wcc that are worth tracking as part of this
render
hydrate
customElements.define
if(this.shadowRoot)
<Header/>
<wcc-header/>
renderToString(<Page/>)
The text was updated successfully, but these errors were encountered:
No branches or pull requests
Type of Change
Summary
Initially started in ProjectEvergreen/greenwood#548, but wcc may provide a nice sandbox for something testing something like this out.
Latest prototype looks something like this
Details
Some other ideas / feature that have come up while working on wcc that are worth tracking as part of this
render
(orhydrate
?) methodscustomElements.define
handling / proxyingif(this.shadowRoot)
<Header/>
<wcc-header/>
/renderToString(<Page/>)
The text was updated successfully, but these errors were encountered: