Yonatan Kra

Yonatan Kra

Family, Code, Run

  • Blog
  • Planned Talks
  • About Me

Tag: javascript

Home / javascript (Page 2)
The Coupling Pitfall on Slack

What is the Coupling Pitfall and how to Avoid it?

July 31, 2022August 1, 2022 Yonatan KraLeave a Comment on What is the Coupling Pitfall and how to Avoid it?

How to avoid constant tests maintenance and regressions in your code? In this article, we will talk about a new term “the Coupling Pitfall”, what harm it is doing to your code, and a way to fix it.

What are

…
Read More

Understanding Unit Tests in Javascript: 5 Frameworks

June 29, 2022June 29, 2022 Yonatan KraLeave a Comment on Understanding Unit Tests in Javascript: 5 Frameworks

When it comes to testing, checking a single function is different from testing a complete application at once. It helps to understand the flaws in any units of the application and allows the developers to take appropriate steps. 

How unit

…
Read More
An Orderly Nx Workspace Will Help You Accomplish More

How to create a workspace generator as a library in Nx workspace?

May 19, 2022May 19, 2022 Yonatan KraLeave a Comment on How to create a workspace generator as a library in Nx workspace?

How to create an Nx generator? How to use it in your Nx workspace? How we converted a workspace generator into a publishable library? And how can boring be good for you?

Nx is a powerful monorepo management tool. It …

Read More

6 Lessons Learned from Using Playwright for UI Tests

April 27, 2022June 7, 2022 Yonatan KraLeave a Comment on 6 Lessons Learned from Using Playwright for UI Tests

Here are 6 practical lessons learned from a production incident, ui-test coverage (using playwright) and code review.

Today we had a small incident in production – one of my teammates found out a feature in one of our component doesn’t …

Read More

How to Remote Debug and Profile Node.js Apps?

December 28, 2021December 28, 2021 Yonatan KraLeave a Comment on How to Remote Debug and Profile Node.js Apps?

Debugging is an important skill for every developer. Here’s how to quickly setup debugging for nodejs with free tools everyone has.

Introduction

There are many fancy tools for debugging your application.  Data dog, rookout, aspecto and sentry to …

Read More

How to find a unique number in a list containing pairs?

October 3, 2021October 7, 2021 Yonatan Kra3 Comments on How to find a unique number in a list containing pairs?

Finding a single unique number in a list containing pairs might sound pretty simple, right?

Because a one-sentence description might be misleading, let’s start with an example of an input array:

[1,3,17,3,1]

Given such an array, the unique number is …

Read More

Simple Collision Detection with Path2D

September 27, 2021November 30, 2021 Yonatan KraLeave a Comment on Simple Collision Detection with Path2D

How to create a simple and efficient collision detection between paths in your HTML5 Canvas app or game? In this article we will create a maze, allow a player to navigate through the maze and detect when the player collides …

Read More

Custom JSON.stringify to Classes with the toJSON method

September 21, 2021September 21, 2021 Yonatan Kra1 Comment on Custom JSON.stringify to Classes with the toJSON method

The toJSON method allows you to tell JSON.stringify how to print out your Class. This can be pretty useful…

Why Stringify Objects?

The answer for that is as usual – there are many reasons. The most obvious one is …

Read More

Deep dive into an interview question: Array Nesting

September 2, 2021December 9, 2021 Yonatan KraLeave a Comment on Deep dive into an interview question: Array Nesting

The Array Nesting interview question might seem complex at first and very simple after you solve it. But sometimes, a deeper dive into it can expose some more performance optimizations that can be interesting. After this article, you’ll be able …

Read More

How to write a simple collision detector in HTML5 canvas and JavaScript?

August 12, 2021August 16, 2021 Yonatan KraLeave a Comment on How to write a simple collision detector in HTML5 canvas and JavaScript?

Collision detection is the basics of entities interaction on canvas. Imagine you have a Player Character (PC) that’s walking through a maze and you’d like to know if this PC bumps into a wall or can keep on going. One …

Read More

Posts pagination

Previous 1 2 3 4 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.