This library contains React components that are shared across several Perseids Project applications.

https://perseids-tools.github.io/perseids-react-components/

yarn add perseids-react-components

Note that this package requires the following peer dependencies:

{
  "bootstrap": "^4.1.2",
  "react": "^16.2.0",
  "react-dom": "^16.2.0"
}

(See project on npm)

import React from 'react';

import { PerseidsHeader, PerseidsFooter } from 'perseids-react-components';
import 'perseids-react-components/build/css/index.css';

const App = () => (
  <div>
    <PerseidsHeader />
    Content
    <PerseidsFooter />
  </div>
);

yarn install

yarn test

yarn start

yarn build

yarn build
npm publish

(Make sure to update the version in package.json before publishing a new release.)

<PerseidsHeader />

<PerseidsHeader>
  Header text
</PerseidsHeader>

<PerseidsHeader logo="/images/some-image.png" />

<PerseidsHeader logo={null} />

<PerseidsHeader component={Link} props={{ to: '/foo' }} />

<PerseidsFooter />

<PerseidsFooter>
  Footer text
</PerseidsFooter>

<PerseidsFooter
  github="https://github.com/perseids-tools/perseids-react-components"
  report="https://github.com/perseids-tools/perseids-react-components/issues"
  doi="https://doi.org/example"
  twitter=""
/>

This library is build on top of DimiMikadze/create-react-library. To upgrade to the latest version of create-react-library:

• In package.json, everything above devDependencies should not be updated, but everything below it should be replaced by the new versions in create-react-library.
• Run yarn add --dev bootstrap prop-types eslint-config-airbnb eslint-plugin-jest react-test-renderer
• All of the files in ./scripts should be replaced with new versions in create-react-library.
• All of the files in ./config should be replaced with new versions in create-react-library.
• Make script changes in the production Webpack config in accordance with 99542871138040822d9be9cd4ebf1a9ff5b29384