React Nx Tutorial - Step 9: Project Graph

An Nx workspace can contain dozens or hundreds of applications and libraries. As a codebase grows, it can be difficult to understand how they depend on each other and the implications of making a particular change.

Previously, some senior architect would create an ad-hoc dependency diagram and upload it to a corporate wiki. The diagram is not correct even on Day 1 and gets more and more out of sync with every passing day.

With Nx, you can do better than that.

Run

npx nx graph

The project graph page opens in a new browser window. Click on "Show all projects" to see all the apps and libraries in the workspace.

What's Next