Welcome to
Next-Level Angular Apps with NX
Manage Large Angular Apps and Supercharge Development Workflows
Course Syllabus and Content
Introduction
7 Lessons 15 Minutes
Introduction to the Building Angular applications with NX
Overview of NX
Difference between Repository and Monorepo
Choosing Angular and NX
Advantages of NX
Disadvantages of NX
Summary of the introduction of NX
How to install NX
4 Lessons 12 Minutes
Introduction of installation of NX
Short lesson about NX installation methods
A quick overview of the default suggested directory structure of NX repository.
Module summary
The first NX Angular application
5 Lessons 16 Minutes
How to build a simple application and how to create libraries in NX
Adding the first app
How to add Angular library to monorepo
Code session for the first application and library in NX.
Third module summary
More built-in NX features
6 Lessons 20 Minutes
What else you can keep in monorepo...? Multiple apps using multiple frameworks, built-in Storybook and Cypress configuration
How can you add more apps to monorepo, which frameworks are available at the time, and advantages of keeping them together
What are buildable and publishable libraries
How to add Storybook to mono repository
End-to-end testing with NX
Fourth module summary
Building a real life application with NX
14 Lessons1 Hours 25 Minutes
This module will present a real-life example of an NX mono repository with multiple libraries and three applications.
Presenting the current module's plan, highlighting crucial backend details for the frontend to illustrate the problem domain.
How to migrate simple existing applications to NX
How to extract library with DTOs classes from backend app and prepare it to be shared with frontend application
Let's look at how our final application should look like
Add new Angular apps to the existing NX repository
How to add Storybook to monorepo
Using previously configured Storybook in this lesson we will create and prepare a few common components that later we’ll use in apps.
- 09Adding a domain library for RoomList, RoomBackground and RoomTimelineList that I missed in previous lessonsSneak Peek00:13:17
Add a domain library for the components
Constructing the services of the application
Constructing the Admin application
Constructing the Room application
How to prepare the application to work offline
Summary of building a real-life application with NX
Dependency graph
6 Lessons 29 Minutes
Dependency graph
What is the dependency graph in NX, and how does it help you with developer experience
Why it’s important to keep the dependencies organized
How to run unit tests and lint only on the affected parts of the dependency graph
How to deal with the most common examples of circular dependencies
Sixth module summary
Migrating existing applications to NX
7 Lessons 33 Minutes
Migrating existing applications to NX
How to automatically migrate simple applications to the NX mono repository
How to manually migrate complex applications to the NX mono repository
What may be the problem during migration of big, stale existing codebases
How to plan the migration process
Why defining a target architecture may be an important step of the migration process
Seventh module summary
Summary
2 Lessons 1 Minutes
Summary of the course
Contact info and final words from the author