Container Timing: measuring web components performance

An introduction to Container Timing, a new web performance API that lets developers measure when complex components finish painting and shows how to use its native implementation now available behind a Chromium feature flag.

Fastoch has now a 0.12.0-beta4 version with WebComponent attribute change batching.

https://www.nuget.org/packages/Fastoch/0.12.0-beta4

Elmish WebComponents without any npm dependency, written in #fsharp

#fastoch #webcomponents #react

Fastoch 0.12.0-beta4

A Virtual Dom for Elmish without React

#Development #Approaches
My favorite way to write code in 2026 · Test-driven development using Playwright https://ilo.im/16b947

_____
#Programming #Testing #Coding #WebComponents #Playwright #WebDev #Frontend #JavaScript #HTML #JavaScript

My favorite way to write code in 2026 (on becoming a TDD addict)

I’ve hated writing JavaScript tests for pretty my whole career. That thing where you plan a component, write some code, iterate it a whole bunch until it works the way you want… and then write tests that validate that the thing you’ve already validated does in fact do the thing you already know it does? Yea, that sucks. It’s also not what good testing looks like. Today, I write my tests first, and then write my code.

Fastoch 0.12.0-beta1

A Virtual Dom for Elmish without React

У Symbiote.js — серьезные проблемы

На днях, я опубликовал новость о выходе новой версии UI-библиотеки Symbiote.js, с обзором ее функций и необычной концепции. Я давно пишу на Хабре (и не только) о веб-компонентах и решениях на их основе, и знаю полный набор стандартных сомнений и возражений аудитории. Сегодня, я хотел бы познакомить вас с проблемами и компромиссами, на которые пришлось пойти, но уже от лица автора либы, человека, очень хорошо знающего, что там под капотом, то есть - меня самого.

https://habr.com/ru/articles/1009550/

#webcomponents #open_source #ssr #ssg #custom_elements #symbiotejs #shadow_dom #devrel #loose_coupling #architecture

У Symbiote.js — серьезные проблемы

На днях, я опубликовал новость о выходе новой версии UI-библиотеки Symbiote.js, с обзором ее функций и необычной концепции. Я давно пишу на Хабре (и не только) о веб-компонентах и решениях на их...

Хабр
Aun flipando con la mejora de rendimiento de #federadeck como app #android solo con el cambio a #webcomponents, y eso que aun no he optimizado todo (que he tirado de asistencia con IA, así que me dará un yuyu cuando vea el código seguro)

Symbiote.js — изоморфные веб-компоненты (клиент + сервер)

Привет, Хабр! Меня зовут Алекс, и я мейнтейнер Symbiote.js - библиотеки для создания UI-компонентов и изоморфных приложений на самых современных веб-стандартах. Сегодня я расскажу про наше важное мажорное обновление - версию 3.x.

https://habr.com/ru/articles/1008822/

#webcomponents #ssr #symbiotejs #frontend #backend #изоморфизм #nodejs #custom_elements #shadow_dom #open_source

Symbiote.js — изоморфные веб-компоненты (клиент + сервер)

Привет, Хабр! Меня зовут Алекс, и я мейнтейнер Symbiote.js - библиотеки для создания UI-компонентов и изоморфных приложений на самых современных веб-стандартах. Сегодня я расскажу про наше важное...

Хабр

#Development #Introductions
Scoped registries for custom elements · How independent scopes resolve name clashes https://ilo.im/16b8np

_____
#Registries #WebComponents #Chrome #Edge #Browser #WebDev #Frontend #HTML #JavaScript

Make custom elements behave with scoped registries  |  Blog  |  Chrome for Developers

You can now encapsulate custom elements.

Chrome for Developers

Spending the day cleaning up Web Components for the pixel editor. As I build the UX for grid creation (think sprite maps / sliced export regions) I keep going back refactoring all the pointer operations into utilities.

Since I don't have a video of grid creation yet here is the radio group component. 🙃

#WebComponents