Component. UI Logic. Data Logic. Business. Logic. Model презентация

Июль 19, 2021

Главная
Без категории
Component. UI Logic. Data Logic. Business. Logic. Model

Содержание

2. Service Component UI Logic Data Logic Business Logic Model [ ]
3. Service Component UI Logic Data Logic Business Logic Component Fabric Service Model [ ] Component for
4. Service Component UI Logic Business Logic Component Fabric Service DAL WebRTC Web Socket HTTP Data Logic
6. Component UI Logic Component Fabric Service Component for fabric UI Logic DAL Data Logic Store reducer
8. Service Component UI Logic Business Logic Component Fabric Service Component for fabric UI Logic DAL Data
10. Service Component UI Logic Business Logic Component Fabric Service Component for fabric UI Logic DAL Data
12. Component UI Logic Component Fabric Service Component for fabric UI Logic DAL Data Logic Store State
13. Angular Detection Strategy Default OnPush Redux Selector State changes === reference value
14. UI / Service select REDUX Local State focus hover position users Models todos cars posts App
15. UI / Service select REDUX Local State focus hover position … users Models todos cars posts
16. App State user select
17. App State Dictionary key value select user id ui state / local state
18. App State Dictionary key value Dictionary key value select component prefix user id ui state /
19. App State user Dictionary key value select component prefix
20. App State users user[] id name info user user … user status[] status caption id
21. App State Dictionary key value select component prefix users user[] info user user … user status[]
22. App State Dictionary key value Dictionary key value select component prefix user id users user[] info
23. App State Dictionary key value select component prefix users user[] info user user … user status[]
24. Action State Selectors Component Service user user user
25. user rendering calculation performance side effects
26. App State Dictionary key value select component prefix users user[] info user user … user status[]
27. user
28. Action State Selectors Component Service user select
29. Action State Selectors Component Service user select
30. Reference Object Tree Update Action
31. Object Tree USER id name info status select
33. Скачать презентацию

Слайд 2

Service
Component
UI Logic
Data Logic
Business Logic
Model [ ]

Слайд 3

Service
Component
UI Logic
Data Logic
Business Logic
Component Fabric Service
Model [ ]
Component for fabric
UI Logic

Слайд 4

Service
Component
UI Logic
Business Logic
Component Fabric Service
DAL
WebRTC
Web
Socket
HTTP
Data Logic
Model [ ]
Component for fabric
UI Logic

Слайд 5

Слайд 6

Component
UI Logic
Component Fabric Service
Component for fabric
UI Logic
DAL
Data Logic
Store
reducer
State
Action
Model [ ]
Service
Business Logic

Слайд 7

Слайд 8

Service
Component
UI Logic
Business Logic
Component Fabric Service
Component for fabric
UI Logic
DAL
Data Logic
Store
reducer
State
Action
Model [ ]
Selector
Model
View

Model

Слайд 9

Слайд 10

Service
Component
UI Logic
Business Logic
Component Fabric Service
Component for fabric
UI Logic
DAL
Data Logic
Store
State
reducer
Action
Model [ ]
Selector
Model
View

Model

Effects

@ngrx

Слайд 11

Слайд 12

Component
UI Logic
Component Fabric Service
Component for fabric
UI Logic
DAL
Data Logic
Store
State
reducer
Action
Model [ ]
Selector
Model
View Model
Effects
@ngrx

Слайд 13

Angular Detection Strategy
Default
OnPush
Redux
Selector
State
changes
===
reference
value

Слайд 14

UI / Service
select
REDUX
Local State
focus
hover
position
users
Models
todos
cars
posts
App State
Server
…
…

Слайд 15

UI / Service
select
REDUX
Local State
focus
hover
position
…
users
Models
todos
cars
posts
…
App State
Server
users
todos
cars
posts
select
position

Слайд 16

App State
user
select

Слайд 17

App State
Dictionary
key
value
select
user id
ui state / local state

Слайд 18

App State
Dictionary
key
value
Dictionary
key
value
select
component prefix
user id
ui state / local state
Component
Component
Component
select
select
select

Слайд 19

App State
user
Dictionary
key
value
select
component prefix

Слайд 20

App State
users
user[]
id
name
info
user
user
…
user
status[]
status
caption
id

Слайд 21

App State
Dictionary
key
value
select
component prefix
users
user[]
info
user
user
…
user
status[]
status
caption
id

Слайд 22

App State
Dictionary
key
value
Dictionary
key
value
select
component prefix
user id
users
user[]
info
user
user
…
user
status[]
status
caption
id

Слайд 23

App State
Dictionary
key
value
select
component prefix
users
user[]
info
user
user
…
user
status[]
status
caption
id

Слайд 24

Action
State
Selectors
Component
Service
user
user
user

Слайд 25

user
rendering
calculation
performance
side effects

Слайд 26

App State
Dictionary
key
value
select
component prefix
users
user[]
info
user
user
…
user
status[]
status
caption
id

Слайд 27

user

Слайд 28

Action
State
Selectors
Component
Service
user
select

Слайд 29

Action
State
Selectors
Component
Service
user
select

Слайд 30

Reference
Object Tree
Update Action

Слайд 31

Object Tree
USER
id
name
info
status
select