Router-first architecture

Router-first architecture is a way to:

• Enforce high-level thinking
• Ensure consensus on features before you start coding
• Plan for your codebase/team to grow
• Introduce little engineering overhead

There are seven steps to implementing the router-first architecture:

1. Develop a roadmap and scope (Chapter 4).
2. Design with lazy loading in mind (Chapter 4).
3. Implement a walking-skeleton navigation experience (Chapter 4).
4. Achieve a stateless, data-driven design (Chapters 4-5).
5. Enforce a decoupled component architecture (Chapters 6-9).
6. Differentiate between user controls and components (Chapter 8).
7. Maximize code reuse with TypeScript and ES features (Chapters 5-9).

As noted previously, each step will be covered in more detail in this and coming chapters. Before we go over these steps at a high level, let’s first cover feature modules in Angular, which are important fundamental...