Yonatan Kra

Yonatan Kra

Family, Code, Run

  • Blog
  • Planned Talks
  • About Me
  • Free Tech Blogging eBook!

Tag: web components

Home / web components
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

Sign up for my newsletter

Recent Posts

  • Live Coding an Open Source Feature
  • How to Use Github Actions Self-Hosted Runners?
  • How to Build a Vivid Birthday Quiz in 20 minutes?
  • The One Trick to Writing Effective Tests
  • 3 Simple Habits to Improve Your Tests

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
  • Skills
  • Testing
  • typescript
  • Uncategorized
  • vivid
  • WarsawJS
  • Web Component
  • webpack
| beetech by Buzthemes.