Skip to content

Instantly share code, notes, and snippets.

@kevinrodbe
Forked from isaacplmann/table-of-contents.md
Created February 6, 2018 02:00
Show Gist options
  • Save kevinrodbe/c83a5a4ff6825b086b70f637209664fe to your computer and use it in GitHub Desktop.
Save kevinrodbe/c83a5a4ff6825b086b70f637209664fe to your computer and use it in GitHub Desktop.
Advanced Angular Patterns

Advanced Component Patterns

* Titles subject to change

React Angular
00 Introducing Advanced React Component Patterns 00 Introducing Advanced Angular Component Patterns
01 Build a Toggle Component (source) 01 Build a Toggle Component (stackblitz)
02 Write Compound Components (source) 02 Write Compound Components (stackblitz)
03 Make Compound React Components Flexible (source) 02 Write Compound Components (stackblitz)
04 Make Enhanced React Components with Higher Order Components (source) 03a Communicate Between Components Using Dependency Injection (stackblitz)
03b Enhance Components with Directives (stackblitz)
05 Handling Prop Namespace Clashes with Higher Order Components (source) 04 Handling Namespace Clashes with Directives
06 Improve Debuggability of Higher Order Components (source) N/A
07 Handle Ref Props with Higher Order Components (source) 05 Handle Template Reference Variables with Directives
08 Improve Unit Testability of Higher Order Components (source) 06 Testing Directives
09 Handle Statics Properly with Higher Order Components (source) N/A
10 Use Render Props with React (source) 07 Use Content Directives
11 Use Prop Collections with Render Props (source) 07 Use Content Directives
12 Use Prop Getters with Render Props (source) 08 Use TemplateRefs
09 Hide TemplateRefs Behind Structural Directives
13 Use Component State Initializers (source) 10 Use State Initializers
14 Make Controlled React Components with Control Props (source) 11 Use Control Inputs
15 Implement a React Context Provider (source) 12 Compound Components with Services
16 Implement a Higher Order Component with Render Props (source) N/A
17 Re-render Descendants Through shouldComponentUpdateFinish (source) 13 Re-render Descendants Through ChangeDetectorRef
18 Use Redux with Render Props (source) 14 Use Ngrx with Directives
15 Component Class Inheritance

Notes on Advanced React Component Patterns

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