Vyriy Preset - Library

Reusable React component library for library applications.

This repository is a Yarn workspace with shared package tooling, Storybook documentation, and Jest tests.

Create this example

npm create vyriy@latest

Choose the library preset.

Packages

@library/components

React components exported from packages/components.

import { Button } from '@library/components';

The package currently includes:

Development

Install dependencies:

yarn install

Run Storybook:

yarn storybook

Run the full validation suite:

yarn check

Focused commands are also available:

yarn lint
yarn build
yarn test

Documentation

Storybook renders the package documentation from the repository README files:

• README.md for the library overview.
• packages/components/README.md for the components package.
• packages/components/button/README.md for Button usage and props.

Project Guidance

These articles describe the development approach behind this preset and provide practical guidance for evolving a project on top of it:

• Calm Development Environment: Node.js, Corepack, Yarn and Static Preview - how to keep the local development environment predictable and easy to reproduce.
• Calm App Structure for the Vyriy Ecosystem - a practical project structure for Vyriy applications: shared configs, small packages, thin workspaces, Storybook docs, tests, and deployable entry points.
• Calm Component Structure - how to organize component code, tests, stories, and public exports.
• Storybook as Project Documentation - how to use Storybook as living project documentation and a component playground.