react-isomorphic-loader

react-isomorphic-loader's purpose is to load frontend libraries only in browser for react isomorphic apps

This is a higher order component ("HOC"). It's an advanced pattern used in React that lets you reuse code logic, it can be summarized as a component factory. It improves isolation, interoperability and maintainability of your code base.

Installation

npm i --save react-isomorphic-loader

Properties

Parameter | Type | Required | Default value | Description ----------|------|----------|---------------|------------- libraries | string|string[] | yes | undefined | It represents a path or a list of paths to frontend libraries.
strict | bool | no | true | If false children are rendered even if libraries aren't loaded. truechildren are rendered only if libraries are loaded

Usage

For one library

<IsomorphicLoader libraries="path/to/some/library/that/need/browser/globals">
  {(myLibraryThatNeedBrowserGlobals) => (<Child />)}
</IsomorphicLoader>

For multiple library

<IsomorphicLoader libraries={[
    "path/to/a/library/that/need/browser/globals",
    "path/to/another/library/that/need/browser/globals",
  ]}
>
  {(theFirstLibrary, theSecondLibrary) => (<Child />)}
</IsomorphicLoader>