Yonatan Kra

Yonatan Kra

Family, Code, Run

  • Blog
  • Planned Talks
  • About Me
  • Free Tech Blogging eBook!

Category: Javascript

Home / Javascript
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

How to easily setup a fullstack react and react-native project in 8 minutes?

December 28, 2021December 29, 2021 Yonatan KraLeave a Comment on How to easily setup a fullstack react and react-native project in 8 minutes?

Setup a fully working fullstack express, react and react-native environment in 8 minutes. We will do it with Nx, express, react and react native.

Lately I’ve been part of the organizing team for the Vonage TLV hackathon. A member of …

Read More

Posts navigation

1 2 … 5 Next

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.