Electron apps 😅🤣... why are we like this. Also I'm sure you remember for a bit there Java applets were the way for interactive apps on the web, just as they are for native android apps still.
The thing I always bring up is, imagine the browser having Beam VM with its concurrency and resilience model, coupled with access to the renderer apis, and someway to ship "complied" optimized UI code. Then you write apps in any language that adds a Beam target and ui sdk.
No shadow doms, no JS, no need for wasm, no webcomponents ... you can get performance and still take advantage of sandboxing etc.
1
1
14
Built a simple counter with Web Components after a long time.
React:
const [count, setCount] = useState(0);
Web Components:
Custom element → Shadow DOM → Manual state → Event binding → DOM updates 😭
React has definitely spoiled us. 😂
#JavaScript #WebComponents #ReactJS
2
94
Jun 12
Re the thing about datastar and modules / encapsulation.
So true it's all about "it depends" approach
But there are couple of quick considerations:
- maybe just use JS event to propagate what's happening ? then your module just reacts to those.
- maybe somethign you're working on is fully enclosed - then consider webcomponents
- maybe you dont really care - throw random JS into it.
The point od "Datastar way" for me that we just acknowledge that "it all depends" and there's no single solution that should be used everywhere. It's about do it however you can - measure - if you care about that part then optimize - iterate
3
62
Jun 10
Full changelog → github.com/johnfacey/drowjs
Zero dependencies. One file. Pure native web components.
If you haven't tried Drow yet, now's a good time 👇
npmjs.com/package/drow
#JavaScript #WebComponents #OpenSource #frontend
7
Aurora Corniel retweeted
Jun 3
💻 El futuro del #Frontend no es escribir más código. Es orquestar mejor.
#WebComponents #StencilJS #MCP: los cimientos para que la #IA construya interfaces por ti.
🎙️ Sergio Morales
🗓️ 17 de junio
🕰️ 17:30h
¡Apúntate! 👉 f.mtr.cool/klqlejydfx
1
2
37
ほんとにこれで。
その手のニーズ用にWebComponentsをいくつか書いてますが、それを使ったほぼ素のHTMLサイト、みたいなのがなんだかんだ全員に楽だったりします（うちはWeb制作の人が結構多い）
2
30
仕事ではReact使っているけど、できればWebComponents だけでやっていきたいんだよなー。
現実はついてくる人がいないくてできないけどw
#frontend_phpcon_do
2
111
Jun 3
ファミリーサービスへの埋め込みコンテンツをiframeからWeb Componentsに移行しました！ブラウザーの仕様や実装に注目し、それぞれの挙動の違い、実際のパフォーマンスの差異や実運用における知見などについても紹介しています。是非ご一読ください！ #webcomponents
dwango.github.io/articles/if…
2
235
🎰💻 SLOTS! SLOTS! SLOTS! EVERYBODY!
Join @abbeyperini at Nebraska.Code() to learn how slots can help you build:
✅ Highly extensible components
✅ Dynamic content wrappers
✅ Better Web Components
✅ Flexible Vue & Angular solutions
✅ A deeper understanding of React children
Frontend architecture has never been this entertaining. 😎
🔗 nebraskacode.amegala.com/
#WebDevelopment #Frontend #WebComponents #VueJS #Angular #React #Nebraska #TechConf
2
18
May 25
ugh, why can't there be a simple native way to create webcomponents. I'm comparing lit and rocket right now. I want less javascript though.
9
11
3,155
May 25
Built an interactive espresso shot selector in Next.js ☕ Real-time UI feedback, micro-interactions & conversion-focused UX for SaaS/eCommerce brands.
Inspired from @mnowakdesign design work.
🧵
#buildinpublic #projects #reactcomponents #webcomponents
Mar 21
Espresso customization UI - strength first, price second, checkout easy. ☕️
1
2
93
May 14
That brought us WebComponents, so no. But, writing a customized utility is often better than a generic garbage utility. Most devs write customized utility around a generic garbage utility from a library. Just cut the garbage
2
65
May 10
AIの出力フォーマットとしてHTMLが優位になった結果、本物のWebComponents元年が来る展開とかないですか（そろそろ
1
4
385
Mañana toca MAGIA uniendo HTML CSS Javascript
¡Entramos en el mundo de los WebComponents!
✅ Crear componentes sin necesidad de frameworks
✅ Usando HTML y DOM moderno
✅ Usando las últimas novedades de CSS
✅ Usando el potente Javascript vanilla actual
¡Es buen momento para ponerte al día!
👇
1
18
92
5,688
От React к нативному вебу с nanotags: миграция, сэкономившая 100 Кб. Павел Гринченко из @evilmartians_ru рассказывает, как они заменили React и Ark UI на нативные веб-компоненты и обёртку nanotags размером 2,5 Кб, заметно сократив JS #webcomponents #react
evilmartians.com/chronicles/…
ALT Лого Evil Martians, Павел Гринченко Frontend Engineer, заголовок «From React to native web with nanotags: a migration that saved 100 KB», воздушный шар сбрасывает мешки 30 Кб, 30 Кб и 50 Кб.
1
2
8
1,860
From React to native web with nanotags: a migration that saved 100 KB. Pavel Grinchenko from @evilmartians replaced React and Ark UI with native Web Components and a 2.5 KB wrapper, nanotags, cutting 100 KB of JavaScript. #webcomponents #react
evilmartians.com/chronicles/…
ALT Evil Martians logo, Pavel Grinchenko Frontend Engineer, title “From React to native web with nanotags: a migration that saved 100 KB”, and a balloon dropping bags of 30 kB, 30 kB, and 50 kB.
3
9
803
Frontend is overcomplicated. Period. 🛑
Stop chasing the latest framework churn and start leveraging the platform you’re already building for. Native Web Components are the "secret" to shipping faster without the overhead.
#DROWJS #WebComponents #Coding #Javascript #CleanCode
1
1
2
19
Este domingo llegamos a la culminación del Frontend con la clase de WebComponents.
✅ Componentes nativos. Sin frameworks ni librerías.
✅ Todo lo que sabemos de HTML y DOM.
✅ Todo lo que sabemos de CSS moderno.
✅ Todo lo que sabemos de Javascript nativo.
👇
ALT Clase 15 del BOOTCAMP: WebComponents
1
6
45
1,064
¡Estamos llegando al final del BOOTCAMP! Ayer tuvimos la clase de Asincronía en Javascript y la próxima clase viene uno de los temas más interesantes del curso: WebComponents.
✅ Unir todo lo que sabemos: HTML CSS JS DOM
✅ Crear componentes nativos para el navegador
✅ Sin necesidad de utilizar frameworks de terceros
✅ Técnicas y features modernas del navegador
👇 Links
ALT FASE 1 - Terminal. Linux. WSL. Fish TIDE. Scripts. - Fundamentos JS. Tipos de datos. - Control de proyectos. PNPM. Git. GitHub. GitHub Pages. - Inteligencia Artificial. OpenCode. Ollama. ComfyUI. FASE 2 - HTML y semántica. Mejora progresiva - Bases de CSS - Layouts. Flex. Grid. Anchor position - CSS Avanzado FASE 3 - Javascript. Núcleo. Core. Datos. - DOM. APIs modernas. - Eventos. APIs del browser. - Javascript avanzado. Vite. FASE 4 - Módulos ESM. JSON/HTML/CSS modules. Import maps. - Asincronía en Javascript. Promesas. Async/Await. Fetch. - WebComponents
1
8
43
1,314
🧠 Mis herramientas preferidas
→ 🤖 Modelo IA: Qwen
→ 🧩 Agente: Opencode
→ 📄 Editor: VSCode
→ 📦 Gestor paquetes: pnpm
→ ⚙️ Tecnología front: Javascript WebComponents
→ 🎨 Tecnología UI: CSS vanilla
→ 🖼 Generador imágenes: ComfyUI
→ 🚀 Metaframework: Astro
→ 💻 Terminal: Debian Fish TIDE
→ 🎬 Video: kdenlive (edit) / mpv (view)
→ 🔍 Visualizador: IrfanView (classic!)
→ 🧰 Converter: ffmpeg / imagemagick / sharp
6
12
250
10,666