@laerdal/life-react-components

Laerdal LIFE component library for React

How to use @laerdal/life-react-components

• Add the package to your project:
  • cd /path/to/your-app
  • yarn add @laerdal/life-react-components or npm add @laerdal/life-react-components
• Import components in your code:
  • import { Button } from '@laerdal/life-react-components'
• or icons:
  • import { ChevronLeft, ChevronRight } from '@laerdal/life-react-components'

How to use a local version of @laerdal/life-react-components

• Pull the latest version of @laerdal/life-react-components from Bitbucket.
• If you have not already, add @laerdal/life-react-components to your application:
  • cd /path/to/your-app
  • yarn add @laerdal/life-react-components or npm add @laerdal/life-react-components
• Create a link from your-app to component-library
  • cd /path/to/react-components
  • yarn link
  • cd /path/to/your-app
  • yarn link “@laerdal/life-react-components”
  • yarn

Invalid hook call warning

When you start your application, you might get an “Invalid Hook Call Warning”. This is because both component-library and your-app loads their own version of react and react dom. Make sure component-library uses the same version of react and react-dom as your-app uses:

• npm add npm-link-shared -g
• cd /path/to/your-app
• sudo npm-link-shared /path/to/react-components/node_modules . react react-dom

Storybook

Storybook is added to the component library package to demo and document the components. Clone the repository, run yarn, then cd apps/storybook and run yarn storybook to start it locally.