How to Improve Your Angular
App Development with Nx
November 12th, 2021
Zack DeRose
Senior Engineer (Level 4) | Nrwl
In this workshop, we’ll be building a store for a fictional board game company called “The Board Game Hoard” using Nx and some of its plugins to accelerate the development of this app.
In this talk you’ll learn how to:
- Generate a pristine Nx workspace
- Create shared libs for re-using code
- Generate new routed components with all the lazily loaded routes pre-configured by Nx and ready to go
- Organize code in a monorepo
- Easily move libs around your folder structure
- Create Storybook stories and e2e Cypress tests for your components
- Set up boundaries between the different scopes in your project
- Write automated source code generators for common tasks in your workspace
- Set up CI for your Pull Requests
- Add distributed caching
- Set up the NxCloud GitHub integration
- Write advanced deployment targets using the run-commands executor
- Set up Continuous Deployment systems that deploy only the affected projects
- And more!
We’ll focus all of these lessons around building “real-world” type projects, to help you really be able to understand the material.
Because of the time constraints and to make sure we get to cover as much material as possible, we’ll also provide you with all the code for any “non-Nx” work you need to do (like styling and configuring routes) – so you can focus on learning to use Nx to its full potential.