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 abovedevDependencies
should not be updated, but everything below it should be replaced by the new versions increate-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 increate-react-library
. - All of the files in
./config
should be replaced with new versions increate-react-library
. - Make script changes in the production Webpack config in accordance with 99542871138040822d9be9cd4ebf1a9ff5b29384