ReactFoo Pune

Our community has a way of talking about practices/solutions as competitors but all new solutions are inspired from the work done by people before them.

CSS-in-JS is one such approach which gets binary reactions, you either love it or hate it.

Let’s take a journey through the 20 year rich life of CSS and look at how practices for building interfaces have built upon each other and how does CSS-in-JS come along the way.

Outline

[or just see the video]

The way I want to present this is very exciting to me. Instead of slides, I made a hypothetical twitter feed + some commentary by me. Here’s a demo: https://css-kkqhmrbmrg.now.sh

The full content is here in the slides, I haven’t moved all of it to the feed: http://bit.ly/css-life-slides

Some of the topics covered:

• Initial proposals (1993), CSS 2 (media queries!)
• Adolescent years: Sass, BEM, OOCSS, Boostrap
• More recent: Atomic CSS, React inline styles, CSS-in-JS solutions like CSS-modules, aphrodite, styled-compontents, emotion
• Future: CSS variables, Grids, Scoped styles

Disclaimer: I did a similar talk in GDG Mumbai not sure if the audience overlaps a lot + I’ll make it more React focused for this one.

Speaker bio

Building design systems @auth0 ∙ ex @practo ∙ Built bundlesize & cost-of-modules ∙ Makes youtube videos ∙ Co-organises @ReactBangalore ∙ plays football, noob surfer

Links

• https://www.youtube.com/watch?v=qJnlhB7Jqls
• https://www.youtube.com/watch?v=TFaY5ogXmC8
• https://www.youtube.com/watch?v=GtUeevfizys

Slides

https://css-kkqhmrbmrg.now.sh