styled-jsx v3.0.0 Release Notes

Release Date: 2018-08-05 // about 4 years ago

    ๐Ÿ’… Enables authoring of styles in actual css files via the new styled-jsx/webpack loader ๐Ÿ”ฅ

    ๐Ÿ‘ Introduces support for dynamic HTML elements

    const Heading = `h${props.level}` 
    • ๐Ÿ’… Simplifies styling of child components via the new css.resolve tag which returns the scoped className and styles

      const { className, styles } = css.resolvep { color: black }// ...<div> <ChildComponent className={className} /> {styles}<div/>

    • React.StrictMode compliant

    ๐Ÿ’ฅ Breaking changes

    • ๐Ÿ’… 051d0d1 - Rewrote styled-jsx/css. External global styles should now be tagged with (#422) (@giuseppeg)

    ๐Ÿ”‹ Features