ReactFoo Pune

On lessons learned during implementation.


The history of CSS and it's future in React

Submitted by Siddharth Kshetrapal (@siddharthkp) on Sunday, 3 December 2017

Preview video

Section: Full talk on success and failure stories with React; code overheads and code rewrite stories with React Technical level: Beginner


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.


[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:

The full content is here in the slides, I haven’t moved all of it to the feed:

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



Preview video


Login with Twitter or Google to leave a comment