If you use props to dictate styles in S-C, then I’m sure you’ve noticed that it creates duplicate styles blocks for each iteration.

This is ugly. We can fix this in most cases using the attr method. It will let us add inline styles so that S-C does not generate a completely new, essentially useless, block.

So we go from:

To:

Note: the reason I don’t do uppercase && ‘uppercase’ here is that false is not the same as undefined.

This will add the inline styles as necessary, and remove the pollution that bad.js would otherwise cause.