Yonatan Kra

Yonatan Kra

Family, Code, Run

  • Blog
  • Planned Talks
  • About Me

Category: Javascript

Home / Javascript (Page 2)
Improve Your Tests Like a Ninja

3 Simple Habits to Improve Your Tests

February 12, 2023February 12, 2023 Yonatan KraLeave a Comment on 3 Simple Habits to Improve Your Tests

How can tests be your best documentation? What small changes can improve the contract between your code and its consumers? Learn how to improve your tests from a real-world example.

Yes, we write them to ensure fewer things break before …

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

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
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
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

Custom Webpack Config in an Nx Workspace – the Video

February 3, 2022February 3, 2022 Yonatan KraLeave a Comment on Custom Webpack Config in an Nx Workspace – the Video

This is my talk from nx conf 2021 on how to customize webpack config in an Nx workspace.

This video walks through a tutorial I’ve written about before on How to use custom webpack configuration in an Nx project. …

Read More

Posts pagination

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