Installation

Installation

# npm
$ npm install --save @real-system/core react react-dom

# yarn
$ yarn add @real-system/core react react-dom

Code Example

import { RealSystemProvider } from '@real-system/core/theme-library';
import { Box } from '@real-system/core/box-primitive';
import { Button } from '@real-system/core/button';

const MyComponent = () => {
  return (
    <RealSystemProvider>
      <Box>
        <Button>Button</Button>
      </Box>
    </RealSystemProvider>
  );
};

How bundling works

Build Procedure (see prebuild and build npm scripts)

1. Fetch all the packages with yarn workspaces
2. Filter out all packages that aren't productionized or not in core packageJson.status === 'production'
3. Update core's package.json dependencies
4. Generate
   1. core index bundle
   2. unbarreled export bundles
   3. core's .gitignore to include unbarreled exprots
   4. each package's package.json