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: 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