Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

React: CSS in JS - React France Meetup

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for vjeux vjeux
December 15, 2014
13k
32

React: CSS in JS - React France Meetup

Avatar for vjeux

vjeux

December 15, 2014

More Decks by vjeux

See All by vjeux
React Rally: Animated -- React Performance Toolbox
Avatar for vjeux vjeux
84
91k
React: CSS in JS
Avatar for vjeux vjeux
657
1.5M
OSCON - React Architecture
Avatar for vjeux vjeux
111
45k
Why does React scale? - JSConf 2014
Avatar for vjeux vjeux
52
2M
Image Layout Algorithms - HTML5 Dev Conf
Avatar for vjeux vjeux
13
860k
React Presentation
Avatar for vjeux vjeux
7
15k
Image Layout Algorithms
Avatar for vjeux vjeux
5
840
Generic Image Processing With Climb – 5th ELS
Avatar for vjeux vjeux
1
6k
Climb - A Generic and Dynamic Approach to Image Processing
Avatar for vjeux vjeux
1
3.4k

Featured

See All Featured
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
433
67k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
2
370
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
2
750
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
2
410
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
380
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.6k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
2
35k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.6k
BBQ
Avatar for Matthew Crist matthewcrist
90
10k
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
370
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
1
1.2k
Music & Morning Musume
Avatar for Bryan Veloso bryan
48
7.5k

Transcript

  1. React: CSS in JS Christopher “vjeux” Chedeau

  2. 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

  3. speakerdeck.com/vjeux/react-css-in-js

  4. Let’s build a button

  5. Let’s build a button

  6. Differences

  7. Inline Styles!!1!

  8. Conditionals

  9. Conditionals

  10. Customization

  11. Customization

  12. Customization

  13. Visibility

  14. Visibility

  15. ::after

  16. ::after

  17. :hover

  18. :hover

  19. Media Queries

  20. Media Queries

  21. Media Queries

  22. Conclusion Christopher “vjeux” Chedeau