@ramirent/ui v0.0.1

Ramirent UI Workspace

This workspace, named "@ramirent/ui", is a collection of reusable UI components for the Ramirent project. The main purpose of this workspace is to showcase the atom, molecule, form, and card components that are shared across the workspaces.

Technologies Used

• React: A JavaScript library for building user interfaces. It's used for creating the UI components in this workspace.
• TypeScript: A statically typed superset of JavaScript that adds optional types. It's used for type-checking in the project.
• Storybook: A tool for developing UI components in isolation and documenting them. In this project, it's configured to use Webpack 5 as a builder, as indicated by the @storybook/builder-webpack5 package.
• Headless UI: Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS. It's used for building the UI components.
• React Hook Form: A performant, flexible and extensible forms with easy-to-use validation. It's used with the @hookform/resolvers package.
• Vanilla Extract: Zero-runtime Stylesheets-in-TypeScript. It's used for styling the components.

Scripts

• dev: Runs the development server.
• build: Builds the components for production.
• start: Starts the application in production mode.
• check-types: Checks TypeScript types.
• lint:fix: Fixes linting errors.
• test: Runs tests.
• test:update: Updates tests.
• test:watch: Runs tests in watch mode.
• test:ci: Runs tests in CI mode.
• storybook: Starts the Storybook server.
• build-storybook: Builds the components in Storybook for static deployment.