What was the reason for the order of the arguments that was chosen?

Any reason you didn’t choose to receive the Target last?

It would allow this:

import React from 'react';
import styled from 'styled-components';

const styleTitle = styled`
  text-align: center;
  color: palevioletred;
`;

const Title = styleTitle('h1')
const Subtitle = styleTitle('h4')

Basically styled would return a higher-order component that takes a component and applies the ruleset that was previously created. (It might also create an opportunity at some point to compose rulesets.)

I might not be thinking this through - obviously I only saw the library yesterday. And also, I’ve been working with ramda and recompose a lot recently. However, it does feels more right to me that the value you are applying a function to would be the last argument that is supplied to it rather than the first.

[giuseppeg]

Probably not a big deal but styled as HoC would make it possible to use it as decorator

@styled(`
  text-align: center;
  color: palevioletred;
`)
class MyComponent extends React.Component {
  /* ... */
}

[geelen]

That… I don’t think will work. The presence of the ( or ) breaks the tagged template literals. Which we need… (more info

Would be pretty 😲 if it was possible tho!