Building Modular React Apps with the Nx Standalone Project Setup
In this video, we're going to build a React application using the Nx Standalone Workspace setup. That is a single-project workspace just similar to what a CRA would create. We're going to look into how Nx compares to that, the advantages of using Nx, caching as well as how you can modularize your React codebase.
Links:
Written tutorial: https://nx.dev/tutorials/react-standa...
Chapters:
0:00 Intro
1:04 Setup a new Nx Workspace for React
3:27 Serving the App
6:12 Testing, Linting and Running e2e tests
6:50 Running Multiple Tasks & Caching
9:58 Nx Plugins? Why?
11:46 Using Code Generators
14:16 Building the App for Deployment
15:05 Midway checkpoint!!
16:26 Modularizing your React Codebase
20:45 Importing Local Libraries into your React App
23:36 Use the Nx Graph to Visualize your Codebase
24:16 Using Module Boundaries to Create More Maintainable Code
28:54 Wrapping Up