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.4k
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
651
1.4M
vjeux
111
42k
vjeux
52
2M
vjeux
12
860k
vjeux
7
7k
vjeux
5
650
vjeux
1
4.8k
vjeux
1
2.5k
Featured
See All Featured
bkeepers
PRO
408
58k
keavy
107
14k
tenderlove
54
3.5k
bryan
32
3.5k
imathis
479
150k
lemiorhan
628
47k
skipperchong
8
790
shlominoach
176
7.6k
hannesfritz
29
980
kneath
294
39k
schacon
147
6.7k
garrettdimon
289
110k
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