ReactFoo Pune

On lessons learned during implementation.

Siddharth Kshetrapal

Siddharth Kshetrapal


The history of CSS and it's future in React

Submitted Dec 3, 2017

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




{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}