Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
React: CSS in JS - React France Meetup
vjeux
December 15, 2014
33
7.1k
React: CSS in JS - React France Meetup
vjeux
December 15, 2014
Tweet
Share
More Decks by vjeux
See All by vjeux
vjeux
83
86k
vjeux
650
1.4M
vjeux
111
42k
vjeux
52
2M
vjeux
12
860k
vjeux
7
6.6k
vjeux
5
650
vjeux
1
4.8k
vjeux
1
2.5k
Featured
See All Featured
chriscoyier
145
19k
rocio
155
11k
bryan
30
3.3k
trallard
13
650
roundedbygravity
241
21k
frogandcode
127
20k
garrettdimon
287
110k
vanstee
116
4.8k
maggiecrowley
8
430
lara
172
9.5k
tanoku
258
24k
jponch
103
5k
Transcript
React: CSS in JS Christopher “vjeux” Chedeau
1. Global Namespace 2. Dependencies 3. Dead Code Elimination 4.
Minification 5. Sharing Constants 6. Non-deterministic Resolution 7. Isolation Problems with CSS at Scale 1. Global Namespace 2. Dependencies 3. Dead Code Elimination 4. Minification 5. Sharing Constants 6. Non-deterministic Resolution 7. Isolation
speakerdeck.com/vjeux/react-css-in-js
Let’s build a button
Let’s build a button
Differences
Inline Styles!!1!
Conditionals
Conditionals
Customization
Customization
Customization
Visibility
Visibility
::after
::after
:hover
:hover
Media Queries
Media Queries
Media Queries
Conclusion Christopher “vjeux” Chedeau