The last React component library you'll ever need
Check out the projects to see if there are any outstanding components to be developed.
$ git clone git@github.com:sappira-inc/molekule.git
$ npm install
$ npm run docs
We use Yalc to preview changes made to Molekule in consuming applications.
- Install Yalc:
yarn global add yalc
. - Run
yarn preview
to publish the changes to your local~/.yalc
directory, and re-publish when changes are detected. - Run
yarn link molekule
oryalc add molekule
in the consuming application. Both will replace the consuming application's node module with the yalc version, the latter will also update the consuming application'spackage.json
. - Start (or restart) the consuming application to preview the changes locally (including on subsequent changes).
- Once you're satisfied with your changes, run:
yalc remove molekule
in the consuming application to remove the yalc version, andyarn install --check-files
to restore the package.
Release is now automatic! As soon as you merge your branch into main it will auto build and publish.
Keep in mind that to keep semantic versioning automated we must use conventional commits, eg:
fix:
for patch version bumpsfeat:
for minor version bumpsBREAKING CHANGE:
for major version bumps, this is for non backwards compatible/breaking changes!
Chromatic is our tool to help us visually diff components and detects any new changes for you to approve!
The tool runs automatically thorugh CI, but if you need to you run it locally make sure to have the project token exported in your .bash_profile
(or whichever you use)
The project token can be found here: https://www.chromatic.com/manage?appId=5d83adf05281c60020b60ea8
export CHROMATIC_PROJECT_TOKEN=<insert_token_here>