Speeding Up github.com/facebook/react with Nx
Nx’s extensibility and code analysis features are really what makes Nx special. To show why, I’ve added Nx to the React monorepo (github.com/facebook/react).
The result is a faster, cacheable and distributable build, and we got there by only adding 2 small files at the root of the repo.
This repo is interesting in that it doesn't use package-level npm scripts and instead uses a global script to bundle all the packages. Also, many of the dependencies between packages are not defined in package json files.
First, I write a 20-line JS file to teach Nx how to bundle every package in the repo (without changing the packages). (That’s often used for teaching Nx to work with other languages.)
Second, I show the coolest part of Nx. Nx analyses your source code to construct its project graph (i.e., understand your workspace).
Learn more about Nx at https://nx.dev