25 lines
915 B
Markdown
25 lines
915 B
Markdown
# React Nx Tutorial - Step 9: Project Graph
|
|
|
|
{% youtube
|
|
src="https://www.youtube.com/embed/Dr7jI9RYcmY"
|
|
title="Nx.dev Tutorial | React | Step 9: Dep Graph"
|
|
width="100%" /%}
|
|
|
|
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
|
|
|
|
```bash
|
|
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
|
|
|
|
- Continue to [Step 10: Using Computation Caching](/react-tutorial/10-computation-caching)
|