Yonatan Kra

Yonatan Kra

Family, Code, Run

  • Blog
  • Planned Talks
  • About Me
  • Free Tech Blogging eBook!
Github Actions with Docker

2 Ways to Use Your Own Docker Image in Github Actions

September 26, 2022September 26, 2022 Yonatan KraLeave a Comment on 2 Ways to Use Your Own Docker Image in Github Actions

How to use the docker image to run Github Actions? How to use them to speed up the flows and stabilize tests? And when you should not use them?

This article assumes you have prior knowledge of github actions and …

Read More
Chrome Extension to style social media text

How to Build a Chrome Extension that will Make Your Facebook Posts Better?

August 31, 2022September 1, 2022 Yonatan KraLeave a Comment on How to Build a Chrome Extension that will Make Your Facebook Posts Better?

How to build a chrome extension, manipulate and interact with a page and publish it to the Chrome Web Store? Here’s how I created a Chrome extension that enables me to style the text in my posts and comments – …

Read More
Chrome Extensions Available in Chrome Webstore

How to Create a Chrome Extension?

August 21, 2022August 21, 2022 Yonatan KraLeave a Comment on How to Create a Chrome Extension?

Did you know you can improve your (and your colleagues’) life by developing chrome extensions? Keren Kenzi showed how to do it in Fullstack Exchange 2022

In Fullstack Exchange 2022, Keren Kenzi gave an excellent talk about a chrome extension…

Read More
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
Speaking about JavaScript Performance Optimization in ConfrontJS 2022

How to optimize JavaScript Performance?

July 14, 2022July 14, 2022 Yonatan KraLeave a Comment on How to optimize JavaScript Performance?

How can we profile and optimize our JavaScript code? How can we profile and optimize rendering in the browser? How does it all relate to the all-mighty Event Loop?

This year I participated in ConfrontJS 2022. ConfrontJS is a conference …

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
ECMAScript Module support in Typescript 4.7

How we employed the new ECMAScript Module Support in typescript

April 30, 2022May 7, 2022 Yonatan Kra1 Comment on How we employed the new ECMAScript Module Support in typescript

What is the new standard to serve both an ECMAScript Module (ESM) as well as Commonjs in the same package? How to use it? And how to make Jest and Playwright to work with it?

When developing an npm package, …

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
HTML Webpack Plugin - create HTML files for webpack generated chunks

How to use webpack and HTML Webpack Plugin to generate HTML pages for multiple entries in 2 steps?

March 4, 2022March 4, 2022 Yonatan KraLeave a Comment on How to use webpack and HTML Webpack Plugin to generate HTML pages for multiple entries in 2 steps?

Here’s how to create an HTML for a specific or every entry file using Webpack and HTML Webpack Plugin. A really short explanation.

Webpack Bundling in a Nutshell

Webpack allows you to bundle your app from one or multiple files. …

Read More

Posts navigation

Older posts

I’m an instructor at:

Egghead.io

Follow me on

Sign up for my newsletter

Recent Posts

  • 2 Ways to Use Your Own Docker Image in Github Actions
  • How to Build a Chrome Extension that will Make Your Facebook Posts Better?
  • How to Create a Chrome Extension?
  • What is the Coupling Pitfall and how to Avoid it?
  • How to optimize JavaScript Performance?

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
  • WarsawJS
  • Web Component
  • webpack
| beetech by Buzthemes.