A Reasonable way to React arrow_forward
The history of CSS and it's future in React
Submitted by Siddharth Kshetrapal (@siddharthkp) on Sunday, 3 December 2017
Full talk on success and failure stories with React; code overheads and code rewrite stories with React
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: 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.
Building design systems @auth0 ∙ ex @practo ∙ Built bundlesize & cost-of-modules ∙ Makes youtube videos ∙ Co-organises @ReactBangalore ∙ plays football, noob surfer