CSS in JS

@basarat

B  S  R  T
a  a  a

Nothing revolutionary

Shipping CSS is a problem

cool abstraction bro

React

Rethinking Best Practices

<div class="root">
    <div class="hello">
        Hello 
    </div>
    
    <div class="me">
        is it me
    </div>
</div>

<div class="look"> 
    you are looking for
</div>
.root {
  display: flex;
  flex-direction: row;
  
  .hello {
    flex: 1    
  }
}
<div style={horizontal}>
    <div>
         Hello 
     </div>
    
    <div style={flex}/>
    
    <div>
        is it me
    </div>
</div>

<div> 
    you are looking for
</div>

csx

Use what you know and love

Code Analysis

Modules

You need code for Stuff that CSS can't do. Just push that slider more.

Demo

Thank You

@basarat

CSS in JS

By basarat

CSS in JS

  • 2,109