Slides from the 'Angular EE' workshop. This workshop was all about architecture, Angular module patterns and state management using NGRX - redux inspired library for Angular on top of RxJS

1. Angular.
Enterprise Edition.
Nir Kaufman

2. Nir Kaufman
@nirkaufman
Google Developer Expert
Worldwide speaker
Community leader

3. Tel Aviv • New York

5. APHDAnonymous PHP Developers

6. Agenda

7. Angular Modules
Encapsulation Extendability Code sharing

8. Architecture

9. Infrastructure
BUILD SYSTEM
SHARED LIBS SHARED MODULES
APP APP APP APP APP APP

10. Angular Modules

11. Angular Building Blocks
Presentation Data Providers

12. Angular Building Blocks
Presentation Data Providers
Components
Directives
Pipes
Services
Routing
Guards

13. App
Module
Core
Module
Shared
Module
Routing
Module
Feature
Module
Module Categories

14. Role Initialise application.
Signature Bootstrap component.
Deps RoutingModule, CoreMoudle.
Exports None.
Root (App) Module

15. Role Manage module routing.
Signature No declarations, Guards Services.
Deps RouterModule.
Exports RouterModule.
Routing Module

16. Role Contains Shared application logic.
Signature Providers only, no declarations.
Deps None.
Exports None.
Core Module

17. Role Related business logic & UI.
Signature No exports.
Deps SharedModule, RoutingModule.
Exports None.
Feature Module

18. Role Reusable, shared UI widgets.
Signature Declarations.
Deps CommonModule.
Exports Declarations.
Shared Module

19. Application Structure
FeatureModule FeatureModuleFeatureModule
CoreModuleAppModule
SharedModule

20. export interface ModuleWithProviders {
ngModule : Type<any>;
providers?: Provider[];
}
Bonus: Configurable Modules

21. Message Systems

22. NGRX
Component
Side Effects
State
Side Effects
Side Effects

23. Set of Instructions

24. Processing Events
ReducerAction Processing

25. Action Types
Events Commands Documents

26. Filter

27. Split & Aggregate

28. Transform

29. Fetch a collection of books
Get
Books
Fetch
Success
Error
Show
Loader
Hide
Loader
Update
Books
Hide
Loader
Update
Error

30. Fetch a collection of books
Get
Books
Fetch
Success
Error
Show
Loader
Hide
Loader
Update
Books
Hide
Loader
Update
Error

31. Fetch a collection of books
Get
Books
Fetch
Success
Error
Show
Loader
Hide
Loader
Update
Books
Hide
Loader
Update
Error

32. Large Scale

37. The mono repo solution

38. - Code sharing & reuse
- One node_modules
- One build setup
- Unified versioning
The mono repo pros

39. nirkaufman@gmail.com
ME.
@nirkaufman