menu
up-caret
down-caret

emotion

Emotion is a css-in-js library focused on performance and developer experience

# General

General Chatter

Trending conversations
Targeting webkit styles
@walterc · 94d
Emotion with server-side rendering
@haf · 41d
Emotion 10 in Gatsby
@closure · 85d
Is there a way to still use extractCritical with V10?
@bram-l · 46d
Use Scss mixins with Emotion
@beth3346 · 12d

Zero configuration SSR in Emotion 10

emotion/General · November 29, 2018 at 4:42pm

Zero configuration SSR in Emotion 10

November 29, 2018 at 4:42pm

Super excited about this! Is there an issue or PR I can read through to understand how this works internally?


December 13, 2018 at 2:30pm

I think all you need is this file :) https://github.com/emotion-js/emotion/blob/master/packages/core/src/jsx.js emotion v10 is using custom createElement function (by setting jsx pragma).

  • reply
  • like

December 14, 2018 at 5:20am

Interesting–my understanding was that the jsx pragma was only needed for the inline css prop and that you should still be able to use styled() without the pragma and get the benefits of SSR without a provider. Wish it was a little more transparent.

  • reply
  • like

Completely forgot about `styled`. In fact it works quite similar :) https://github.com/emotion-js/emotion/blob/master/packages/styled-base/src/index.js#L143 Of course you don't have to set custom jsx pragma for that.

  • reply
  • like