Declarative Shadow DOM allows you to create your component's shadow DOM from HTML rather than JavaScript, making server-side rendered components possible.
(bonus: it's now in all browsers, since earlier this year).
A problem we've heard web devs talk about is the inability to share styles though. State of HTML 2023 gave pretty signals on this.
My Microsoft Edge colleagues have solution proposals for this!
➡️ https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/main/ShadowDOM/explainer.md
We'd love your feedback! Feel free to open issue on the repo.
Patrick Brosset
npub152…9te0s
2024-10-04 09:13:24 UTC
Author Public Key
npub152kz2y0wqm24ewq7fnsfdqyth0agslpd7z0426zu62uqm76vy70s49te0sSeen on
wss://relay.momostr.pinkPublished at
2024-10-04 09:13:24 UTCEvent JSON
{
"id": "52c189a31ff88fa0132e57514e1f81d5e9392bfc0c08c5dde33caabd6955a9dc",
"pubkey": "a2ac2511ee06d55cb81e4ce096808bbbfa887c2df09f55685cd2b80dfb4c279f",
"created_at": 1728033204,
"kind": 1,
"tags": [
[
"proxy",
"https://mas.to/@patrickbrosset/113248384071565307",
"web"
],
[
"proxy",
"https://mas.to/users/patrickbrosset/statuses/113248384071565307",
"activitypub"
],
[
"L",
"pink.momostr"
],
[
"l",
"pink.momostr.activitypub:https://mas.to/users/patrickbrosset/statuses/113248384071565307",
"pink.momostr"
],
[
"-"
]
],
"content": "Declarative Shadow DOM allows you to create your component's shadow DOM from HTML rather than JavaScript, making server-side rendered components possible.\n\n(bonus: it's now in all browsers, since earlier this year).\n\nA problem we've heard web devs talk about is the inability to share styles though. State of HTML 2023 gave pretty signals on this.\n\nMy Microsoft Edge colleagues have solution proposals for this!\n➡️ https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/main/ShadowDOM/explainer.md\n\nWe'd love your feedback! Feel free to open issue on the repo.",
"sig": "407cd276b38708a6896cb1abbd459e773459ee8ee98026a1c5af69c7c8eb856b0e75d2604a46d0b2f1180665080cbec83d3731b0ad4762783cae5e5a6a763bb5"
}