Thoughts on converting from JS obj to actual CSS syntax?

[corysimmons]

foo: {
  backgroundColor: 'red',
  padding: 10
}

becomes

.foo {
  background-color: red;
  padding: 10;
}

Not important. Just a stylistic tweak.

[vitalets]

How this will be look inside the code? Just a string? Maybe have a look on styled-components.

[corysimmons]

I hear styled-components hit React Native performance pretty hard.

In styled-jsx they do:

<div>
  <h1>hi</h1>

  <style jsx>{`
    div { background: red; }
    h1 { color: blue; }
  `}</style>
</div>

The perf hit might be converting the template literal to a pojo during runtime which might hit mobile devices harder than PCs.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.