Show HN: Styled-components – Use the best of ES6 to style React apps
I want to mention my styling library here: <a href="https://www.npmjs.com/package/react-native-style-tachyons" rel="nofollow">https://www.npmjs.com/package/react-native-style-tachyons</a><p>The best part: it gives you a consistent spacing [0] and a consistent font scale [1] which is relative to rem. No more magic values, just use classes:<p><pre><code>    ma0 ... ma7            margin: 0|0.25|0.5|1|2|4|8|16 rem
    ml|mr|mb|mt [0-7]      marginLeft, marginRight, marginBottom, marginTop
    mh [0-7]               marginHorizontal
    mv [0-7]               marginVertical

    /* Same with p for padding */
</code></pre>
No more stylesheets, everything is there at a glance and easily fixable:<p><pre><code>    <View cls="bt bb jcfs pa2">           /* border at top and bottom, justifyContent: stretch, padding: 0.5rem */
       <Text cls="white tc">           /* white color, text-align: center */
           Something
       </Text>
    </View>

</code></pre>
[0] <a href="http://tachyons.io/docs/layout/spacing/" rel="nofollow">http://tachyons.io/docs/layout/spacing/</a><p>[1] <a href="http://tachyons.io/docs/typography/scale/" rel="nofollow">http://tachyons.io/docs/typography/scale/</a>