# Cleanse your Angular components of Route specific code

DevFeed: [Cleanse your Angular components of Route specific code](<https://devfeed.tech/articles/cleanse-your-angular-components-of-route-specific-code-16259.md>)

Original publisher: [Read original article](<https://firebase.blog/posts/2018/03/cleanse-your-angular-components>)

Author: David East

Published: 2018-03-23T00:00:00Z

Content type: tutorial

Language: en

Sources: [Firebase Blog](<https://devfeed.tech/sources/firebase-blog.md>)

Topics: [Angular](<https://devfeed.tech/topics/angular.md>), [Routing (disambiguation)](<https://devfeed.tech/topics/routing.md>), [Authentication](<https://devfeed.tech/topics/authentication.md>), [Code](<https://devfeed.tech/topics/code.md>), [Promise](<https://devfeed.tech/topics/promise.md>)

Tags: [angular](<https://devfeed.tech/tags/angular.md>), [angularfire](<https://devfeed.tech/tags/angularfire.md>), [async](<https://devfeed.tech/tags/async.md>), [authentication](<https://devfeed.tech/tags/authentication.md>), [best-practices](<https://devfeed.tech/tags/best-practices.md>), [code](<https://devfeed.tech/tags/code.md>), [firebase](<https://devfeed.tech/tags/firebase.md>), [routing](<https://devfeed.tech/tags/routing.md>)

## AI overview

This tutorial explains how to move route-specific authentication and redirect logic out of Angular components and into reusable Route Guards. It describes identifying routing code, creating a guard, configuring routes, and reducing asynchronous-flow complexity in components.

## Source excerpt

News, tutorials, and updates from the Firebase team.