Yonatan Kra

Yonatan Kra

Family, Code, Run

  • Blog
  • Planned Talks
  • About Me

Category: Javascript

Home / Javascript (Page 2)

Writing Custom Github Actions with Javascript

June 27, 2020June 27, 2020 Yonatan KraLeave a Comment on Writing Custom Github Actions with Javascript

Lately I’ve been involved with an Open Source project called AskQL. I really like the project, try to contribute as much as I can and learn a lot in the process.

One of the issues there was to enforce …

Read More

Debug Jest in a NRWL/nx project with webstorm

May 5, 2020May 5, 2020 Yonatan KraLeave a Comment on Debug Jest in a NRWL/nx project with webstorm

Lately I’ve started a to migrate our 5 y/o code base into a NRWL/nx monorepo. I’d might write the process of choosing NRWL/nx as our tech of choice in a different post (write in the comments or message me …

Read More

Measuring used JS heap size in nodejs

March 21, 2020March 21, 2020 Yonatan KraLeave a Comment on Measuring used JS heap size in nodejs

In the former article, we saw how to measure the JS heap in the browser and a few use cases it can come in handy. I was asked how this can be done in a nodejs app as well.

Let’s …

Read More

Measuring used JS heap size in the browser

March 20, 2020May 10, 2020 Yonatan KraLeave a Comment on Measuring used JS heap size in the browser

Part of the tools frontend developers have in their arsenal is the performance API. Part of it is the memory object. It can be used for various causes – from debugging performance through experimenting to performance budget monitoring.

A heap
…
Read More

What is a Forced Reflow and How to Solve it?

March 11, 2020February 9, 2021 Yonatan KraLeave a Comment on What is a Forced Reflow and How to Solve it?

Force reflow (or Layout Reflow) is a major performance bottleneck. It happens when a measurement of the DOM happens after a DOM mutation. With this knowledge, I was able to improve performance of an app in my workplace by 75%. …

Read More

The event loop and your code

March 2, 2020March 4, 2020 Yonatan KraLeave a Comment on The event loop and your code

The event loop is a core concept in Javascript. It is fundamental in order to understand how asynchronous code works – and how not to work with synchronous code.

Let’s start with a simple example. You have some code that …

Read More

Viewing the Critical Rendering Path in the browser

February 20, 2020February 20, 2020 Yonatan KraLeave a Comment on Viewing the Critical Rendering Path in the browser

The critical rendering path (CRP from now on) is also known as The Pixel Path. It’s actually what happens from the moment your javascript code runs, until the moment the pixels are shown on screen. We can also call it …

Read More

Memory on a Diet

February 7, 2020February 27, 2020 Yonatan KraLeave a Comment on Memory on a Diet

In my last article, I talked about the flyweight design pattern. I mostly talked about how it can save you (and your end user) bandwidth.

I failed to mention the save on memory.

If we continue the example from …

Read More

Reducing Network Traffic with the Flyweight Design Pattern

January 26, 2020January 26, 2020 Yonatan KraLeave a Comment on Reducing Network Traffic with the Flyweight Design Pattern
WBC flyweight champion Yu Kimura
Image by: Papakanno (CC BY-SA)

Your users expect a fast and smooth experience. Sometimes what stands in the way is how long it takes to download data. The flyweight design pattern is a …

Read More

Optimization Patterns in Javascript Talk

January 22, 2020January 22, 2020 Yonatan KraLeave a Comment on Optimization Patterns in Javascript Talk

My talk (in Hebrew) at Javascript Israel about Optimization Patterns in Javascript is now online. Enjoy 🙂

They caught me at my geek joke!
…
Read More

Posts navigation

Previous 1 2 3 Next

I’m an instructor at:

Egghead.io

Follow me on

Sign up for my newsletter

Recent Posts

  • How to create a workspace coverage report in nrwl/nx monorepo?
  • Musings about tests as documentation
  • How to use custom webpack configuration in an Nx project?
  • How to test github actions locally using Act?
  • This is how I helped YouTube improve performance with a simple JavaScript trick

Categories

  • Architecture
  • AskQL
  • CodeTalks 2019
  • Coding
  • Conferences
  • ConfrontJS 2019
  • Design Patterns
  • devops
  • Github
  • github actions
  • GraphQL
  • Javascript
  • javascript engine
  • Javascript Israel
  • Memory
  • Musings
  • nodejs
  • NPM
  • nx
  • Open Source
  • Performance
  • Testing
  • Uncategorized
  • WarsawJS
  • Web Component
  • webpack
| beetech by Buzthemes.