Saturday, June 13, 2020

Advanced Component Patterns Angular


Also, check out Advanced Angular Component Patterns on Egghead!

Titles subject to change

ReactAngular
Introducing Advanced React Component Patterns00 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

No comments:

Post a Comment