iiinova — where your digital self keeps evolving

valkoivo.bsky.social @valkoivo.bsky.social · 13/02/2025

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

dev.to

An Example of Data Exchange Between Web Components

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

130

valkoivo.bsky.social @valkoivo.bsky.social · 08/02/2025

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

dev.to

Handshake Between Web Components

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

020

valkoivo.bsky.social @valkoivo.bsky.social · 02/02/2025

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

dev.to

Methods for Initializing Web Components with External Data

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

130

valkoivo.bsky.social @valkoivo.bsky.social · 29/01/2025

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

020

valkoivo.bsky.social @valkoivo.bsky.social · 19/01/2025

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...

dev.to

Data Models and Web Components

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

021

valkoivo.bsky.social @valkoivo.bsky.social · 15/01/2025

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...'

000

valkoivo.bsky.social @valkoivo.bsky.social · 14/01/2025

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...

valkoivo.github.io

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...

000