Lazy Loading

[web-dave]

1. Move src/book-list folder to src/books/book-list
2. Create new route config and move all Books related routes to this.
   books.routes.ts

Entry path is empty.

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

3. Define books route as a lazy route

app.routes.ts

```ts { path: 'books', loadChildren: () => import('./books/books.routes'), }, ```

4. Detele all unused Imports
5. Test it

[web-dave]

NEXT