@hundred5/candidate-components

Candidate app components

This repository contains the components from the candidate app that are used in the admin app as well.

The components are using React and Emotion for styling.

Installation

yarn add @hundred5/candidate-components

This package has peer dependencies, so make sure that react, react-dom are installed as well.

Usage

import { CompanyLogo } from "@hundred5/candidate-components";

const MyComponent = () => <CompanyLogo name="Company" />;

For examples of each component check the story files stored next to component files.

Development

This project uses Storybook. You can start it with yarn start.

Publishing to npm

This project uses semantic versioning:

• If a bug is fixed without changing any component props, bump the patch version.
• If you add props to a component or add new components, bump the minor version.
• If you remove or change props in a component or remove components, bump the major version.

Source files are automatically compiled to JavaScript before publishing to npm, so simply running npm publish --access public should work.

The build script does two things:

1. Compiles TypeScript files with Babel to JavaScript. It is easier to use Babel instead of TypeScript compiler as the Emotion Babel plugin must be used to process CSS-in-JS.
2. Generates TypeScript definition files with the TypeScript compiler, so that the package can be used in TypeScript apps without losing type information.