MENU

Fun & Interesting

Building Modular Angular Apps with the Nx Standalone Project Setup

Video Not Working? Fix It Now

In this video, we're going to build a Standalone Nx Workspace with Angular. That is a single-project workspace just similar to what the Angular CLI creates. 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 Angular codebase. Links: Written tutorial: https://nx.dev/tutorials/angular-standalone-tutorial Chapters: 0:00 Intro 0:49 Creating a new Angular Workspace 4:56 Serving the App 6:09 Testing, Linting and Running e2e tests 7:23 Running Multiple Tasks & Caching 8:20 Using Code Generators 11:20 Building the App for Deployment 12:03 Midway checkpoint!! 12:30 Modularizing your Angular Codebase 15:58 Use the Nx Graph to Visualize your Codebase 16:16 Importing Local Libraries into your Angular App 19:07 Using Module Boundaries to Create More Maintainable Code 24:54 Wrapping Up

Comment