Masthash

Brian LeRoux @brianleroux discusses @enhance_dev a way to build #webApps with the pure #webStandards.

https://www.infoq.com/presentations/enhance-web-standards/

#webDev #web #tech #javaScript #customElements #html #hateoas

Joe Pea

3 weeks ago

@westbrook As in React, Vue, Svelte, Solid.js, and Angular web components?

Or #CustomElements? :)

🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸

1 month ago

I hate that #html attrs are the first path we teach people to pass data into #webComponents. They are so dumb; can only be strings, names can't have upper case letters, etc.

#webDev #customElements #web

Brian LeRoux 💚

2 months ago

"there is no use case for extending built-in elements"

aside form elements, picture element, table element, list element, video element, others I'm probably missing

and no, element internals isn't the solution. it requires boatloads of client javascript to replicate built-in behaviour which is exactly the problem we're trying to avoid these days.

#webcomponents #customelements #webstandards #webkit

Hasan Ali

2 months ago

📢 New post alert! The latest addition to my Web Fundamentals series takes a deep dive into Custom Elements, marking the beginning of our Web Components journey. My research so far has already changed how I look at frontend UI frameworks like React. Check it out now!

🔗 https://dev.to/hasanhaja/web-fundamentals-web-components-part-1-3nlh

#webdev #webcomponents #customelements #html

Ben Hollis

2 months ago

Starting to play around with Lit for a custom element project I’ve started, but I don’t think I can handle going back to class components after having experienced React hooks. The ability to extract complex behaviors into reusable hooks is just too useful. I would rather avoid class-based code where possible. #lithtml #customelements #WebComponents

Brandon Zhang 🇨🇳

2 months ago

@ilovecomputers Another cool thing about Custom Elements is that on Firefox Developer Edition dev tool, you can click the custom elements tab under HTML panel and it will show you codes of that web components, feel like this is what #web should’ve been like. People new to custom elements can just poke around the dev tool and learn stuff. Plus, #CustomElements specs is constantly improving. I have been building web app using vanilla web components at my last job, and it’s really fun.

Zacky Ma :favicon:

4 months ago

I wish there’s a way to assign text node to named slots. Right now you have to use the "default” slot to do so, e.g.

```
<my-comp>
<template shadowrootmode="open”>
<slot></slot>
</template>

Some text
</my-comp>
```

But sometimes I need to assign different pieces of text to different slots and they don't necessarily need any semantics. Using `<div slot=“foo” role="none”>text</div>` doesn't feel right. Using attributes isn’t always clean either. #CustomElements

🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸

5 months ago

I keep thinking that #WebComponents are the real solution; they provide CSS isolation with #shadowDOM, and would allow third parties to integrate by simply adding <html-elements>.

Trouble is; any #JS you import runs with full privileges on your user's browsers. What's really needed is a sandbox.

I think it may be a job for #Google's #AMP, but that is so poisoned it'll be a hard sell.

#webDev #customElements

Like what if there was a library of #webComponents for building #videoGames?

What if you built #Mario like

<mario-game>
<mario-controls>
<mario-button button=a action=jump>
<mario-level>
<mario-block has=mushroom>
<mario-pipe>

You could build new levels with nothing but #HTML