Upgrade to Pro — share decks privately, control downloads, hide ads and more …

React: CSS in JS - React France Meetup

vjeux
December 15, 2014
9.2k

React: CSS in JS - React France Meetup

vjeux

December 15, 2014
Tweet

Transcript

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

    View full-size slide

  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

    View full-size slide

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

    View full-size slide

  4. Let’s build a button

    View full-size slide

  5. Let’s build a button

    View full-size slide

  6. Inline Styles!!1!

    View full-size slide

  7. Conditionals

    View full-size slide

  8. Conditionals

    View full-size slide

  9. Customization

    View full-size slide

  10. Customization

    View full-size slide

  11. Customization

    View full-size slide

  12. Media Queries

    View full-size slide

  13. Media Queries

    View full-size slide

  14. Media Queries

    View full-size slide

  15. Conclusion
    Christopher “vjeux” Chedeau

    View full-size slide