Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Advanced Angular Component Patterns

via egghead.io

Overview

Components are all about encapsulating decisions. The perfect component makes good decisions for you without making you think about it. Of course, no one knows what decisions you’re going to want. To make components reusable, we set reasonable defaults, then allow you to override them when you don’t like the decisions made for you.
This course covers three broad categories of decisions that can be encapsulated in a component: state, view, and logic. You’ll learn to move an Angular component from completely static to very configurable using a variety of techniques.
The course takes some of the most popular components in web development and applies them to Angular. You’ll learn to write components that are opinionated about their core purpose, but allow parent components to overwrite secondary concerns when pain points require a more complex pattern.

Syllabus

  • Course Overview: Advanced Angular Component Patterns
  • Expose an Angular Component’s State to the Parent Component
  • Write Compound Components with Angular’s ContentChild
  • Communicate Between Components Using Angular Dependency Injection
  • Refactor Angular Component State Logic into Directives
  • Override Component UI with an Angular TemplateRef
  • Modify User Provided UI with Angular Content Directives
  • Allow Users to Configure Angular Content Directives
  • Expose Angular Component Logic Using State Reducers

Taught by

Isaac Mann

Reviews

4.3 rating at egghead.io based on 421 ratings

Start your review of Advanced Angular Component Patterns

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.