Yonatan Kra

Yonatan Kra

Family, Code, Run

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

Category: nx

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

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

How to deploy NPM modules in an NX monorepo and github actions?

September 19, 2021September 19, 2021 Yonatan KraLeave a Comment on How to deploy NPM modules in an NX monorepo and github actions?

How do you maintain and deploy multiple NPM modules? How do you make sure versions do not mismatch or that nothing breaks while upgrading dependencies? And how do you deploy multiple packages at the same time in one CLI command?…

Read More

How to solve “TS2307: Cannot find module” when using inline webpack loaders with TypeScript

September 8, 2021September 24, 2022 Yonatan Kra2 Comments on How to solve “TS2307: Cannot find module” when using inline webpack loaders with TypeScript

Trying to use a webpack raw-loader for an HTML file inline resulted in an error: TS2307: Cannot find module. Here’s how to fix it!

I’m using web components a lot! I really prefer them over frameworks. They are simple, …

Read More

How to create a workspace coverage report in nrwl/nx monorepo?

February 6, 2021August 10, 2021 Yonatan Kra3 Comments on How to create a workspace coverage report in nrwl/nx monorepo?

This is going to be a short one. I’m using nrwl/nx a LOT. I’m also testing a LOT. Lately I needed to add a coverage report to one of my nrwl/nx repositories. The coverage tool I was using needed the …

Read More

How to use custom webpack configuration in an Nx project?

January 2, 2021August 10, 2021 Yonatan Kra2 Comments on How to use custom webpack configuration in an Nx project?

Customizing webpack for your own needs is a powerful functionality. It allows you full control of your app’s development and deployment process. In this article we will go over how to do that in an NX monorepo.


TL;DR.

  • The steps
…
Read More

Debug Jest in a NRWL/nx project with webstorm

May 5, 2020August 10, 2021 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

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.