Lazy loading

[web-dave]

• move /books routing rules to books-routing.module
• and set path: 'books' to path: ''
• In app-routing.module set /books to loadChildren
• Remove BooksModule from AppModule (completely)
• In some cases you need to restart your ng serve to make it work

[web-dave]

books-routing.module.ts

```ts const routes: Routes = [ { path: '', component: BooksComponent, children: [{ path: '', component: BookListComponent }] } ]; ```

app-routing.module.ts

```ts const routes: Routes = [ { path: 'books', loadChildren: () => import('./books/books.module').then(m => m.BooksModule) }, ... ]; ```

[web-dave]

Next