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

videocam
Preview video

Technical level

Beginner

Section

Full talk on success and failure stories with React; code overheads and code rewrite stories with React

Status

Submitted

Vote on this proposal

Login to vote

Total votes:  +1

Abstract

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

Slides

https://css-kkqhmrbmrg.now.sh

Preview video

https://www.youtube.com/watch?v=5i-Y1TTwIZs

Comments

Login with Twitter or Google to leave a comment