onr-react-ui

Examples

• next-starter

Packages

• @onr/common
• @onr/core
• @onr/eslint-config
• @onr/mock
• @onr/prettier-config
• @onr/tailwind-palette
• @onr/tsconfig

Package Management

Using syncpack

List all packages

yarn syncpack list

Fix mis-matched packages

yarn syncpack fix-mismatches

Update @onr packages to newest version

yarn syncpack update -f @onr

Update all packages.json to newest version

yarn syncpack update -f

Yarn install new version of packages

yarn

Release

Using Changeset

Add changeset, use space to choose target items, if not select any, click enter to jump to next question

yarn changeset add

Bump version

yarn changeset version
git add --all
git commit -m "chore: bump version"
yarn changeset tag

Push tags

git push --follow-tags

Circle CI may failed to deploy when push multiple tags, if so, please push web@..* tag separately

Publish

Login to npm

When you want to use yarn to publish packages, you will need to login to npm, and have write permission under onr team to be able to publish packages.

npm login

Publish packages

yarn changeset publish

Publish by using lerna command

1. create a version

Use lerna version command

yarn lerna version # by default it will increase the minor version

or

yarn lerna version patch

Development Tools

VS Code

• plugins
  • Code Spell Checker (streetsidesoftware.code-spell-checker)
  • EditorConfig for VS Code (editorconfig.editorconfig)
  • Prettier - Code formatter (esbenp.prettier-vscode)
  • ESLint (dbaeumer.vscode-eslint)
  • PostCSS Sorting (mrmlnc.vscode-postcss-sorting)