-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathUI.txt
77 lines (40 loc) · 1.55 KB
/
UI.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
--------------------------------------
Web / Mobile ui
--------------------------------------
ui = data + style + behav
content ==> Web Elementts / Native Elements
style ==> CSS
behavior ==> javascript
-----------------------------------------
----------------------------------------
Arch / Pattern
----------------------------------------
component based UI arch
-------------------------
what is component in UI ?
==> any UI-fragment with 'single responsibility' ( i.e simpler & smaller)
e.g <input/>, <calender /> .....
principles of component(s)
-------------------------
=> must have single-responsibility
-> to keep smaller & simpler
=> must be loosely from other i.e "open for extension, closed for modification"
-> to re-use anywhere
=> can take props from parent-component
-> to customize based on requirement
=> must not mutate given props
-> to keep data consistency
=> can be stateless & statefull
=> state is mutable
-> can mutate on event
=> on state change , component always re-render
=> parent to child via props/input
child to parent via actions/events
-------------------------------------------------------------
UI F.w
-------------------------------------------------------------
=> react & react-native ( our focus )
=> Angular
=> Vue.js
....
-------------------------------------------------------------