Introducing Minimal Styled

This is a subset of styled-components features.


import React from 'react'
import styled from 'minimal-styled'

function Hello (props) {
return (
<h1 className={props.className}>Hello from React</h1>

export default styled(Hello)`
& {
text-align: center;
color: ${props => ? 'red' : 'black'};

Notice that & in css portion is mandatory because we use manual css parsing rather than abstraction that creates a css object first.

We also don't support auto vendor prefixing / DOM helpers (styled.div etc).

The repo is here

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.