#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

RE: https://fosstodon.org/@frenck/116181504475450515

People into #webcomponents and #lit should check this out.

Also love this: "Modern Web Standards: We prioritize native browser capabilities over heavy frameworks."

No wonder HomeAssistant feels fast.

I want to move away from var_dump to something nicer but don't want to set up xdebug. Pretty Dump is a tiny plugin using the json-viewer to dump the data on frontend with expand, collapse and search actions, although the search is not working correctly at the moment. This plugin might not fit your need, but I'm hoping it will give you some idea to set up one similar. What popular debugging methods do WordPress devs use in general?

#WordPress #WebComponents

https://codeberg.org/heybran/pretty-dump

pretty-dump

WordPress debugging made simple with a clean, light-themed JSON viewer. Effortlessly inspect any variable on the frontend using an expandable and collapsible interface—say goodbye to cluttered and hard-to-read var_dump outputs.

Codeberg.org