Angular and NgRx - Building Real Project From Scratch

Implement a register page and standalone register component within an auth feature, wire app routes with lazy loaded register routes, and validate input to redirect to the feed upon success.

Define and implement authentication interfaces to standardize registration requests and current user data, using a shared types folder for reusable, validated data across the app.

Learn to create a feature selector and an isSubmitting selector in NgRx, expose isSubmitting$ as an observable, and bind it with the async pipe.

Introduce a backend errors interface and propagate validation errors in the auth actions. Update reducers and actions to track current user, loading, and submitting states.

Store the access token in local storage with a reusable persistence service. Ensure it survives reloads and is attached to API headers, using effects and redirect after registration.

Copy and adapt the register flow to build a login page. Implement login request and service, add login actions and effects, update reducer to store token and redirect.

Build a reusable feed toggler component in an Angular real-world app to switch between global feed, your feed (requires login), and a tag feed via an optional tag name input.

Implement optimistic updates for add to favorites in an Angular app by creating a reusable add-to-favorites component that toggles favorited and updates the favorites count instantly.

Explore the inject function in Angular 14 to inject route, store, and router. Compare constructor and inject approaches; constructor remains valid but inject offers sharing across components.