Skip to content

Instantly share code, notes, and snippets.

@IEdiong
Forked from isaacplmann/table-of-contents.md
Created September 17, 2024 05:20
Show Gist options
  • Save IEdiong/7a31e90bc3bb2fe71891f46053742017 to your computer and use it in GitHub Desktop.
Save IEdiong/7a31e90bc3bb2fe71891f46053742017 to your computer and use it in GitHub Desktop.
Advanced Angular Patterns

Advanced Component Patterns

Also, check out Advanced Angular Component Patterns on Egghead!

* Titles subject to change

React Angular
Introducing Advanced React Component Patterns 00 Introducing Advanced Angular Component Patterns (egghead)
Build a Toggle Component (source) 01 Build a Toggle Component (stackblitz) (egghead)
Write Compound Components (source) 02 Write Compound Components (stackblitz) (egghead)
Make Compound React Components Flexible (source) 02 Write Compound Components (stackblitz)
Make Enhanced React Components with Higher Order Components (source) 03a Communicate Between Components Using Dependency Injection (stackblitz) (egghead) (egghead)
03b Enhance Components with Directives (stackblitz) (egghead)
Handling Prop Namespace Clashes with Higher Order Components (source) 04 Avoid Namespace Clashes with Directives (stackblitz)
Improve Debuggability of Higher Order Components (source) N/A
Handle Ref Props with Higher Order Components (source) 05 Handle Template Reference Variables with Directives (stackblitz)
Improve Unit Testability of Higher Order Components (source) Testing Directives - see Thoughtram's article
Handle Statics Properly with Higher Order Components (source) N/A
Use Render Props with React (source) 06 Use <ng-template> (stackblitz) (egghead)
Use Prop Collections with Render Props (source) 07 Use Content Directives (egghead)
Use Prop Getters with Render Props (source) 08 Configure Content Directives (egghead)
Use Component State Initializers (source) 09 Use State Initializers
Make Controlled React Components with Control Props (source) 10 Use Control Inputs
Implement a React Context Provider (source) 11 Compound Components with Services
Implement a Higher Order Component with Render Props (source) N/A
Re-render Descendants Through shouldComponentUpdateFinish (source) 12 Re-render Descendants Through ChangeDetectorRef
Use Redux with Render Props (source) 13 Use Ngrx with Directives

Notes on Advanced React Component Patterns

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment