react-style-singleton
    TypeScript icon, indicating that this package has built-in type declarations

    2.2.0 • Public • Published

    react-style-singleton

    300b with all dependencies, minified and gzipped

    Creates a style component with internal tracker.

    • Adds styles to the browser on the first instance mount.
    • Removes after the last instance unmount.
    • Thus helps you deliver styles you need to the customer, and clean up later.
    • Is not server-side rendering compatible!

    API

    Component

    import {styleSingleton} from 'react-style-singleton'
    
    const Style = styleSingleton();
    
    export const App = () => (
      <Style styles={'body {color:red}'} />
    );

    Hook

    import {styleHookSingleton} from 'react-style-singleton';
    
    const useStyle = styleHookSingleton();
    const useAnotherStyle = styleHookSingleton();
    
    export const App = () => {
      useStyle('div {color:red}');
      useAnotherStyle('body { background-color:red }');
      return (<div />);
    }

    Install

    npm i react-style-singleton

    DownloadsWeekly Downloads

    774,992

    Version

    2.2.0

    License

    MIT

    Unpacked Size

    13.6 kB

    Total Files

    27

    Last publish

    Collaborators

    • kashey