React: CSS in JS - React France Meetup

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