Reef's UI library of components, assets, and helpers.
The project includes:
- A development environment for isolated component testing.
- An example view showcasing all components and their usage.
yarn install
⚠️ Make sure you're using Yarn 4. If not, run:
corepack enable
corepack prepare yarn@4.9.2 --activate
yarn dev
yarn build
ℹ️
yarn build
requires dependencies to be installed first. Runyarn install
beforehand.
yarn showcase
From this release:
- The project uses native ES modules (
"type": "module"
inpackage.json
). vite.config.ts
is exported viaexport default
.- The plugin
vite-plugin-checker
is still used for TypeScript checks (ESLint runtime checks are disabled). - ESLint 9 support has been added with updated configuration.
After cloning the repository, always run:
yarn install
yarn lint
yarn lint:fix
The
.eslintignore
file is no longer supported. File exclusions should be defined using theignores
property ineslint.config.js
.
When @reef-chain/ui-kit
is used as a local dependency in another project, it may cause conflicts due to duplicate copies of React. To fix:
-
In the main project:
cd node_modules/react yarn link
-
In the UI Kit folder:
cd node_modules/@reef-chain/ui-kit yarn link react
These steps may need to be repeated when managing dependencies.
A push to the master
branch will:
- Deploy the showcase site,
- Publish the package to the npm registry,
- Tag the commit with the new version.
Refer to the conventional commit message guide to trigger version updates.
Tool | Version |
---|---|
Node.js | >= 20.19.0 |
Yarn | 4.9.2 |
TypeScript | ^5.8.3 |
ESLint | ^9.28.0 |
Vite | ^6.3.5 |