declarative-shadow-dom
prerender
declarative-shadow-dom | prerender | |
---|---|---|
2 | 14 | |
189 | 6,375 | |
- | 0.2% | |
4.1 | 3.6 | |
about 1 month ago | 14 days ago | |
HTML | JavaScript | |
- | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
declarative-shadow-dom
-
HTML with Superpowers: An Introduction to Web Components
Take a look at Declarative Shadow DOM: https://github.com/mfreed7/declarative-shadow-dom
-
Shoelace: A Web Component Kit
Hmm, I see that Chromium shipped their implementation a year ago now; I had missed that. Other than that, there’s been no real change in the situation in the last almost two years (since Shoelace 2.0 was released, the last time I examined the situation). And there still doesn’t look to be any real interest in actually implementing it outside of Google: Mozilla are unenthusiastic though not against it <https://mozilla.github.io/standards-positions/#declarative-s...>, and WebKit still find fault with some aspects of the design (https://lists.webkit.org/pipermail/webkit-dev/2021-February/..., https://github.com/mfreed7/declarative-shadow-dom/issues/9), though they’re content most of the earlier issues are ironed out.
So you certainly can’t rely on scriptless server-side rendering of Shadow DOM being possible—it’ll work in Chromium only, and it’ll probably be at least another year or two before other browsers even contemplate doing anything with it.
(And of course, even once Shadow DOM is serialisable, that’s a far shot from a particular frameworky thing being SSR-compatible, but I was quibbling over the Shadow DOM and impossibility aspects, so I shan’t step back on that.)
prerender
- SEO without Server-Side Rendering
-
Is React Having An Angular.js Moment?
So then just to experiment, I set up https://github.com/prerender/prerender on my own VPS in like an hour... and done & dusted... no more effort needed to think about SSR issues anymore. Seems great, and I can't figure out why it's not more popular.
-
Reasons to not use nuxt?
Spending like 1 hour setting up prerender on my server is much preferable to the ongoing issues that come with having to make all my code work with SSR frameworks. And there's the added bonus that my servers don't need to waste resources doing SSR for regular human users.
-
Finally managed to add social previews to my React app without SSR
Here’s an alternative that I use: https://prerender.io and GH is https://github.com/prerender/prerender
-
What is a HeadlessChrome user agent?
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/92.0.4512.0 Safari/537.36 Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/91.0.4472.114 Safari/537.36 Prerender (+https://github.com/prerender/prerender) ...
- Ask HN: Any Good Prerender.io Alternatives?
- Is there some server site rendering Go library that would offer Nuxt like things?
-
Shoelace: A Web Component Kit
Ah, I didn't realize this wasn't solved -- a quick search turns up:
- https://github.com/WICG/webcomponents/issues/788
- https://github.com/w3c/DOM-Parsing/issues/58
- https://github.com/w3ctag/design-reviews/issues/494
- https://web.dev/declarative-shadow-dom
In pre-render they seem to have started in this direction extremely recently:
https://github.com/prerender/prerender/pull/731/files
I don't use prerender so I can't definitively speak to it being solved and hiccup-free, but I think that limitation is going to go away in the future.
-
Which are some of the fundamentals of Web dev every developer should know regardless of experience?
Using something like: https://github.com/prerender/prerender
-
Recently released a SSR Proxy (Server-Side Rendenring), which allows for SEO-friendly SPAs, serving pre-rendered web pages for Web Crawlers. Any feedback is more than welcome!
Have you used prerender - https://github.com/prerender/prerender ? Seems to be doing the same thing.
What are some alternatives?
design-reviews - W3C specs and API reviews
rendertron - A Headless Chrome rendering solution
ui5-webcomponents - UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice.
nextron - ⚡ Next.js + Electron ⚡
webcomponents - Web Components specifications
custom-elements-everywhere - Custom Element + Framework Interoperability Tests.
ssr-proxy-js - A Server-Side Rendering Proxy focused on customization and flexibility!
WHATWG HTML Standard - HTML Standard
nextjs-monorepo-example - Collection of monorepo tips & tricks
lit - Lit is a simple library for building fast, lightweight web components.
database-viewer