All Versions
22
Latest Version
Avg Release Cycle
49 days
Latest Release
-

Changelog History
Page 1

  • v5.0.0 Changes

    ๐Ÿ”‹ Features

    • ๐Ÿ’… Introduce contextual styles (#744)
    • Opt-in react 18 insertion effect hook when available (#753)
    • ๐Ÿ’ป Fallback to module level registry in browser (#768)

    ๐Ÿ‘Œ Improvements

    • ๐Ÿ’… Make JSXStyle return a noop if the registry context is not provided (#749)
    • ๐Ÿ›  Fix typings of nonce property
    • Pre-compile dependencies to reduce install size/time (#770)

    ๐Ÿ’ฅ BREAKING CHANGES

    APIs

    • ๐Ÿ’… styled-jsx/server import path is deprecated
    • ๐Ÿ’… flush and flushToHTML from styled-jsx/server APIs are deprecated
    • ๐Ÿ†• New component <StyledRegistry> is introduced
    • ๐Ÿ†• New APIs useStyleRegistry and createStyleRegistry are introduced

    Usage

    ๐Ÿ’… If you're only using styled-jsx purely client side, nothing will effect you. ๐Ÿ’… If you're using styled-jsx inside Next.js without customization, Next.js will automatically handle the changes for you.

    ๐Ÿ’… If you have your own customization with styled-jsx in Next.js, for example you have a custom _document: ๐Ÿ’… By default, doing this will let Next.js collect styles and pass them down.

    class Document extends React.Component {
      static async getInitialProps(ctx) {
        return await ctx.defaultGetInitialProps(ctx)
      }
    }
    

    ๐Ÿ”ง Or for instance you're passing nonce property in getInitialProps of _document, this will let you configure it:

    class Document extends React.Component {
      static async getInitialProps(ctx) {
    -    return await ctx.defaultGetInitialProps(ctx)
    +    return await ctx.defaultGetInitialProps(ctx, { nonce })
      }
    }
    

    If you're building the SSR solution yourself with other frameworks, please checkout the Server-Side Rendering section in readme.

  • v4.0.1 Changes

    • Mark @babel/core as optional peer dependency
  • v4.0.0 Changes

    • ๐Ÿ’… Use react hooks to manage styles injection (#720)

    ๐Ÿ’ฅ BREAKING CHANGES

    • โฌ‡๏ธ Drop support for react versions < 16.8.0

    ๐Ÿ‘Œ Improvements

    • โฌ‡๏ธ Drop babel 6 support (#730)
    • Auto publish alpha/beta versions
  • v3.4.x Changes

    ๐Ÿ‘Œ Improvements

    • ๐Ÿ‘ Typing support
    • ๐Ÿ’… Inject unique _JSXStyle identifier
    • โš  Hide webpack loader warnings
    • ๐Ÿ”จ Refactor the import helpers
  • v3.3.2 Changes

    November 17, 2020

    ๐Ÿ’… 3.3.2 (2020-11-17)

    ๐Ÿ› Bug Fixes

    • external: execute transforms before JSX transform (#677) (eac1703)
  • v3.3.1

    November 14, 2020
  • v3.3.0 Changes

    May 14, 2020

    Minor

    • โž• Adds support for styleModule to configure the module that the transpiled files should import (#629) - @arcanis
  • v3.2.5 Changes

    March 14, 2020

    Patches

    • ๐Ÿ’… Upgrade to @babel/types to remove transitive babel-runtime depenency (#621) - @tkalliom

    ๐Ÿ“„ docs

  • v3.2.4 Changes

    February 23, 2020

    2019-11-08

  • v3.2.3

    October 26, 2019