Yonatan Kra

Yonatan Kra

Family, Code, Run

  • Blog
  • Planned Talks
  • About Me

Category: Javascript

Home / Javascript
A cartoon illustration shows a friendly white and blue robot with a green glowing antenna kneeling and using large green hedge clippers to cut through tangled, grey, dead vines. The vines are labeled "legacy code" in dark blue text. As the robot clears the dead vines, healthy, vibrant blue plants with glowing leaves are springing up from the ground. More "legacy code" text is visible near the remaining tangled mess, and the word "code" appears near the new plants. The background is a plain, light grey color.

Busting Legacy Code with AI Agents and Test Driven Development

November 25, 2025November 25, 2025 Yonatan KraLeave a Comment on Busting Legacy Code with AI Agents and Test Driven Development

Introduction

How to eliminate legacy code? Martin Fowler and Michael Feathers both agree that lack of tests are core factor in legacy code. With AI agents, tackling legacy code and turning it into “evergreen” code is easier than ever.

What

…
Read More
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
Deploy static websites using github pages, vue, angular, Nx and cloudflare

How to Deploy Static Websites with Nx, GitHub, and Cloudflare?

June 23, 2024June 23, 2024 Yonatan KraLeave a Comment on How to Deploy Static Websites with Nx, GitHub, and Cloudflare?

A question was raised in a forum asking how to deploy static websites for free. Then, more specifically, it was mentioned they were using Nx to generate multiple websites. In this article, we will create a new Nx project with …

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
test-drive-your-code

ConfrontJS 2023 – The Movie

September 9, 2023September 9, 2023 Yonatan KraLeave a Comment on ConfrontJS 2023 – The Movie

On March 2023 I gave the keynote at ConfrontJS in Warsaw. I spoke about how we can become more professional as developers, my 5 tips for becoming such, and a final most-important take-home message to the audience.

…
Read More
Setup Vitest in a Tauri Project

How to write Unit Tests for Tauri Frontend with Vitest?

September 8, 2023September 24, 2023 Yonatan KraLeave a Comment on How to write Unit Tests for Tauri Frontend with Vitest?

Starting a project for me usually starts with setting up the testing infrastructure. The only exception is when one already exists. In this article we will learn two things. We will start from setting up vitest in the Tauri project. …

Read More
Communication Skills

How Can Tests Contribute to Communication?

September 1, 2023September 1, 2023 Yonatan KraLeave a Comment on How Can Tests Contribute to Communication?

Tests can improve communication and save time (and frustration). Bad tests can do the opposite. In this article, we’ll explore an example from real life of how bad tests are harmful and how good ones convey the right information.

A

…
Read More
service workers

How Service Workers Sped Up Our Website by 97.5%?

June 21, 2023June 21, 2023 Yonatan KraLeave a Comment on How Service Workers Sped Up Our Website by 97.5%?

Here’s how we made our website load 97.5% faster by using service workers, how we ensure the users will get the newest version every time, and how you can do it too.

Our website is more than 1 year old. …

Read More
Testing Live Session

Live Session: 3 Tips for More Meaningful Tests

May 15, 2023May 15, 2023 Yonatan KraLeave a Comment on Live Session: 3 Tips for More Meaningful Tests

In 12 minutes, I shared with my colleagues three tips I used to refactor tests of legacy code. Testing the API, ensuring the tests fail for the right reason, and avoiding the coupling pitfall are exhibited in this live …

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

Posts pagination

1 2 … 6 Next

I’m an instructor at:

Egghead.io

Follow Me On:

  • Follow me on Linkedin
  • Follow me on Bluesky

Recent Posts

  • Busting Legacy Code with AI Agents and Test Driven Development
  • Meaningful Tests: Human Hubris vs. AI
  • 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?
  • Busting Legacy Code with AI Agents and Test Driven Development
  • Meaningful Tests: Human Hubris vs. AI
  • 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

Categories

  • Algorithms
  • Architecture
  • AskQL
  • Blogging
  • canvas
  • chrome extensions
  • CodeTalks 2019
  • Coding
  • Conferences
  • ConfrontJS
  • ConfrontJS 2019
  • Cypress
  • debugging
  • Design Patterns
  • devops
  • docker
  • Flutter
  • 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.