Yonatan Kra

Yonatan Kra

Family, Code, Run

  • Blog
  • Planned Talks
  • About Me

Category: Web Component

Home / Web Component
Illustration to depict a BlueSky bot. A robotic figure with fairy wings. The robot has a blue and silver metallic body, with details suggesting internal mechanics. The wings are large, delicate, and translucent. Above the robot's head floats a glowing blue butterfly with a faint halo.

What can we learn from building a BlueSky web component bot?- Part 1

December 15, 2024December 21, 2024 Yonatan KraLeave a Comment on What can we learn from building a BlueSky web component bot?- Part 1

How to build a web component based application that integrates the BlueSky Social public API? Covered topics: TDD, BlueSky API, BlueSky bot (automation), AtProto SDK, Streaming, Web components.

Introduction

BlueSky is a (relatively) new Social network nowadays. It looks like …

Read More
A Vivid birthday

How to Build a Vivid Birthday Quiz in 20 minutes?

February 26, 2023February 27, 2023 Yonatan Kra1 Comment on How to Build a Vivid Birthday Quiz in 20 minutes?

Vivid, Vonage’s design system, is now published. What better way to celebrate Vivid’s public birthday than to build a birthday quiz? Let’s have a vivid birthday!

Vivid is an open-source vanilla JavaScript design system built upon the web components technology. …

Read More
Can eval be good?

A good case for Eval in JavaScript

February 7, 2022April 28, 2022 Yonatan Kra2 Comments on A good case for Eval in JavaScript

Or: How to generate dynamic html tags inside lit-html templates? eval is sometimes mixed up with evil. We also hear sometimes that there are cases in which it is needed. This is one such case…

Notice: this article is

…
Read More

Form Association and Web Components – Today

September 8, 2020August 10, 2021 Yonatan KraLeave a Comment on Form Association and Web Components – Today

Recently I’ve joined a team that’s creating a UI library using web components. This is great – but it has its challenges. One of these challenges is form association behind Shadow DOM.

When we create a form, we expect the …

Read More

Publishing a Web Components Library

April 1, 2019June 18, 2022 Yonatan KraLeave a Comment on Publishing a Web Components Library

Once upon a time, in order to create web components, one had to resort to a front end framework like angular or react (yes yes, I’ve heard the “it’s only a lib” before from all the angularists in the crowd) . …

Read More

I’m an instructor at:

Egghead.io

Follow Me On:

  • Follow me on Linkedin
  • Follow me on Bluesky

Recent Posts

  • What can we learn from building a BlueSky web component bot?- Part 1
  • How to Remove a Secret Token from Your Git History
  • How to Deploy Static Websites with Nx, GitHub, and Cloudflare?
  • Implementing Your Own SSR Server for Web Components
  • 3 Reasons Why You Should Use Conventional Commits
  • What can we learn from building a BlueSky web component bot?- Part 1
  • How to Remove a Secret Token from Your Git History
  • How to Deploy Static Websites with Nx, GitHub, and Cloudflare?
  • Implementing Your Own SSR Server for Web Components
  • 3 Reasons Why You Should Use Conventional Commits
  • ConfrontJS 2023 – The Movie

Categories

  • Algorithms
  • Architecture
  • AskQL
  • Blogging
  • canvas
  • chrome extensions
  • CodeTalks 2019
  • Coding
  • Conferences
  • ConfrontJS
  • ConfrontJS 2019
  • Cypress
  • debugging
  • Design Patterns
  • devops
  • docker
  • Gaming
  • Github
  • github actions
  • GraphQL
  • Interview Questions
  • Javascript
  • javascript engine
  • Javascript Israel
  • jest
  • Memory
  • Meta Programming
  • Musings
  • nodejs
  • NPM
  • nx
  • Open Source
  • Performance
  • Playwright
  • Rust
  • Security
  • Skills
  • Tauri
  • Tauri Demo
  • Testing
  • tutorials
  • typescript
  • Uncategorized
  • vivid
  • WarsawJS
  • Web Component
  • webpack
| beetech by Buzthemes.
//madurird.com/5/9504279 https://eechicha.com/act/files/tag.min.js?z=9504413