2
HELLO!
Vitalii Bobrov
╺ brewing components 5 years
╺ building enterprise web apps
╺ components with Polymer, React,
Angular and Web Components
@bobrov1989
vitaliy-bobrov.github.io
Slide 3
Slide 3 text
3
MOI!
Vitalii Bobrov
╺ brewing components 5 years
╺ building enterprise web apps
╺ components with Polymer, React,
Angular and Web Components
@bobrov1989
vitaliy-bobrov.github.io
Slide 4
Slide 4 text
4
1. API Shape Definition
2. State management
3. Theming
Slide 5
Slide 5 text
1. API Shape Definition
5
Slide 6
Slide 6 text
“
6
HTML: 28 years
of incremental evolution
1995
HTML 2.0
1990
HTML 1.0
1997
HTML 3.2
1999
HTML 4.01
2014
HTML 5
Slide 7
Slide 7 text
7
Slide 8
Slide 8 text
8
Slide 9
Slide 9 text
+ additional content
9
Slide 10
Slide 10 text
+ additional content
10
Slide 11
Slide 11 text
+ additional content
11
Slide 12
Slide 12 text
12
Slide 13
Slide 13 text
13
Slide 14
Slide 14 text
14
╺ Be FOCUSED
Slide 15
Slide 15 text
15
Slide 16
Slide 16 text
16
Slide 17
Slide 17 text
tabindex
17
Slide 18
Slide 18 text
+ composition
18
Slide 19
Slide 19 text
19
╺ Be FOCUSED
╺ Be CONSISTENT
Slide 20
Slide 20 text
consistent
20
Slide 21
Slide 21 text
21
╺ Be FOCUSED
╺ Be CONSISTENT
╺ Be FAST
Slide 22
Slide 22 text
22
╺ Be FOCUSED
╺ Be CONSISTENT
╺ Be FAST
╺ Be LAZY
Slide 23
Slide 23 text
“
State ACCESSIBLE and
CONTROLLED from outside.
23
2. State Management
Slide 24
Slide 24 text
24
Slide 25
Slide 25 text
25
Slide 26
Slide 26 text
26
Slide 27
Slide 27 text
27
Slide 28
Slide 28 text
28
Slide 29
Slide 29 text
29
Slide 30
Slide 30 text
“
Give styling FREEDOM.
30
3. Theming
Slide 31
Slide 31 text
31
Slide 32
Slide 32 text
32
Slide 33
Slide 33 text
33
Slide 34
Slide 34 text
shadow dom + css variables
34
Slide 35
Slide 35 text
themes + css variables
35
Slide 36
Slide 36 text
“
Learn the stranger,
and do not be afraid of
yours.
Taras Shevchenko
36