TypeScript Monorepos Done Right!
Juri Strumpflohner
Published
Starting with Nx 20.4 we’re shipping a new Nx experience, optimized for working with NPM/Yarn/PNPM workspaces and TypeScript project references. For now, it is behind a --workspaces flag, but soon, it will be the default.
The main highlights
- Setup is minimalistic and simple. You won’t see almost no traces of Nx itself, still it’s there to enhance your experience
- Huge performance improvements for TypeScript thanks to TypeScript project references
Let’s dive in!
📔 Also, the full blog post:
https://nx.dev/blog/new-nx-experience-for-typescript-monorepos
👋 If you’re struggling with exactly these TypeScript performance issues in large workspaces, reach out. We’ve helped a lot of large enterprises fix exactly that, so talk to us: https://bit.ly/4hriXac
Chapters:
- 0:00 Intro
- 0:22 Workspace overview
- 1:58 Creating a TypeScript package
- 4:19 Automatically configuring and syncing TypeScript project references
- 8:30 Automatically watching dependencies and recompiling them
- 11:38 Minimal setup and improved developer experience
- 12:45 Improved TypeScript performance for large monorepos
- 17:00 How Nx makes TypeScript project references usable