Serhii Kulykov

Excited to share a presentation around the ongoing #Vaadin #WebComponents #accessibility project improvements. Do check it out if you are interested in #a11y. There's some groundwork being done and that also gets us closer to
#buildWithLit conversion!

https://docs.google.com/presentation/d/1avZO5MFD5h045C9sxBtj9nuswawMVLJnCaiRlX_TIXU/edit?usp=sharing

Some secrets from the #Vaadin R&D weekly update. Our #designsystem team has been working on really cool stuff lately, including #buildWithLit experiments! Also, do check out eslint-config-vaadin alpha, it's a great #eslint config:

https://github.com/vaadin/eslint-config-vaadin

Today has been a good day. Despite russian missile strikes and rolling blackouts, I managed to deliver experimental versions of 5 #Vaadin #WebComponents using #buildWithLit. Don't tell it to my tech lead!

@jyasskin @slightlyoff Here's an example of SSR using #buildWithLit:

https://github.com/PonomareVlad/lit-ssr-vercel

New additions to Web Components bookmarks:

- cypress-lit = #Cypress + #buildWithLit 🔥
- query-selector-shadow-dom by #Webdriver
- Shadow DOM support for Capybara 💎
- Shadow DOM with Java #Selenium

Check out the full list of testing solutions:

https://webcomponents.today/testing-solutions/

#WebComponentsAdvent Day 23: Starter Templates.

If you want to start creating #WebComponents, today's update is for you! Meet the list of starters kits with @vite, #buildWithLit, #vue, #svelte, FAST, Shoelace, other libraries and tools.

https://webcomponents.today/starter-templates/

It's been a month since I joined #fediverse. Time for a proper #introduction 🙃

I'm Serhii from #Ukraine. Not always online due to #UkraineWar (we had a 30 hours #blackout last week after russian missile strikes).

I've been working at #Vaadin for more than 5 years. My main focus is creating #WebComponents using #javascript, #java and #typescript.

Finally, I'm a member of #OpenWC and #ModernWebDev teams. I also do #opensource on my own and I especially enjoy using #buildWithLit 🔥

#WebComponentsAdvent Day 18: Testing Solutions.

While JSDOM supports #WebComponents, it's usually better to test them in real browsers that people actually use. Today's update provides examples of using Web Test Runner by #ModernWebDev, #Cypress, #Playwright and other tools.

https://webcomponents.today/testing-solutions/

Today we released React wrappers for #Vaadin web components, powered by #buildWithLit Labs React. Check it out: npm i @hilla/react-components

#WebComponents + #react = 😎

https://hilla.dev/blog/hilla-1-3-adds-react-support/

#WebComponentsAdvent Day 10: Codelabs.

If you are new to Web Components and don't know where to start, today's update is for you! Check out codelabs: detailed step by step tutorials created by #buildWithLit, Chrome Developers and #OpenWc teams:

https://webcomponents.today/codelabs/

@vint This is exactly the reason why #ModernWebDev was extracted into a separate project: Web Dev Server and Web Test Runner are completely framework agnostic (you can even use them with React thanks to esbuild plugin).

@vint I understand those folks, too. Going buildless is one of the ideas behind the #OpenWC project that I'm part of.

But for now (at least until import maps land everywhere) I recommend using Web Dev Server. It has almost zero "magic" compared to other tools.

https://modern-web.dev/docs/dev-server/overview/