Yonatan Kra

Yonatan Kra

Family, Code, Run

  • Blog
  • Planned Talks
  • About Me

Tag: web components

Home / web components
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 server rendering HTML - SSR

Implementing Your Own SSR Server for Web Components

May 27, 2024May 27, 2024 Yonatan KraLeave a Comment on Implementing Your Own SSR Server for Web Components

Server Side Rendering (SSR) is a very hot topic today. What’s with React Server Components bringing all these buzz words that “I just have to implement in my project”… Let’s see what’s all the fuss about by implementing our own …

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

How to solve “TS2307: Cannot find module” when using inline webpack loaders with TypeScript

September 8, 2021September 24, 2022 Yonatan Kra2 Comments on How to solve “TS2307: Cannot find module” when using inline webpack loaders with TypeScript

Trying to use a webpack raw-loader for an HTML file inline resulted in an error: TS2307: Cannot find module. Here’s how to fix it!

I’m using web components a lot! I really prefer them over frameworks. They are simple, …

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.