So, after all the theoretical blah-blah, here’s a practical example showing how Web Components can exchange data in a native, simple, and highly flexible way. dev.to/valkoivo/an-... #WebComponents #JavaScript

An Example of Data Exchange Between Web Components

In the previous articles, I devoted significant attention to the theoretical aspects related to...

dev.to

So, we have reached the point where our two Web Components perform a handshake to initiate communication. In this article, I’ve made some bold statements. I’d love to hear your criticism. dev.to/valkoivo/han... #webcomponents

Handshake Between Web Components

In the previous article, we made an important assumption: if the environment initializing a web...

dev.to

This time, let's talk about different ways to insert data into #WebComponents during initialization and try to choose the one, the only one, that rules them all. dev.to/valkoivo/met... #javascript #frontend

Methods for Initializing Web Components with External Data

In the previous article, we discussed the criteria that the environment initializing a web component...

dev.to

It seems that the biggest debate about var, let, and const ends here github.com/microsoft/TypeScript/issues/52924 github.com/microsoft/TypeScript/pull/52832 issues.chromium.org/issues/42203665 Thanks, Demi Murych #JavaScript

Let’s continue disrupting the calm and pointing out the hidden details of seemingly obvious things. #webcomponents dev.to/valkoivo/ini...

Initialization of a Web Component with External Data

In the previous article, we discussed why data encapsulation is a key characteristic of a...

dev.to

A big thank you, @tonydewan.com , for inspiring me to write a series of articles on how #WebComponents can work with data. Here is the first of these articles. dev.to/valkoivo/dat...

Data Models and Web Components

Picture this: you've probably heard about web components multiple times — their magic, their unique...

dev.to

Well, that's great. Now I'll think about how to convert all the bind to arrow functions. The evening was starting off so well... '...the arrow function doesn't create an additional function object on every call... bind creates a new bound function every time...'

Next-Generation Buttons: Implementing the Command Pattern through Web Components medium.com/koicom/next-...

Next-Generation Buttons: Implementing the Command Pattern through Web Components

In this article, I will propose a solution on how to adapt buttons using Web Components and the Command pattern, opening new possibilities.

medium.com

Introducing KoiCom: A Library for Building Front-End Interfaces KoiCom, a library designed for creating front-end interfaces using Web Components with a standardized lifecycle. Resources 📖 Documentation valkoivo.github.io/koicom/ 💻 GitHub Repository github.com/valkoivo/koi...

KoiCom web-components library

The KoiCom library simplifies frontend development with standardized component lifecycles, web-components technology, and vanilla JavaScript. Build custom interfaces and streamline your development pr...

valkoivo.github.io