Michael Jewell

Repositories Projects Packages

44

Public activity Starred repositories

@arragro/ui (0.0.106-alpha)

Published 2026-03-28 02:15:59 +00:00 by michael-jewell

Installation

Setup this registry in your project .npmrc file:

@arragro:registry=

To install the package using npm, run the following command:

npm install @arragro/ui@0.0.106-alpha

or add it to the package.json file:

"@arragro/ui": "0.0.106-alpha"

For more information on the npm registry, see the documentation.

About this package

⚛️⚡ Vite + React + Typescript Component Library Template

Features

• ⚛️ React 18
• 📚 Storybook 7 - Components preview
• 🖌️ Tailwind CSS 3
• ⏩ Vite - Run and build the project blazingly fast!
• ⚡ Vitest - Components Unit Testing
• 📐 ESLint & Prettier - Formatting and Linting
• 🌟 Typescript
• 🐶 Husky & Lint Staged - Pre-commit Hooks
• ⏰ Release Please — Generate the changelog with the release-please workflow
• 👷 Github Actions — Releasing versions to NPM
• Initial components setup using Atomic Design

Getting Started

1. Create a new repository using this one as template
2. Clone your repo
3. Install dependencies with pnpm i (first run corepack enable to enable pnpm)
4. Run pnpm prepare command to setup Husky pre-commit hooks.

Main Scripts

Always prepending pnpm:

• dev: Bootstrap the Storybook preview with Hot Reload.
• build: Builds the static storybook project.
• build:lib: Builds the component library into the dist folder.
• lint:fix: Applies linting based on the rules defined in .eslintrc.js.
• format:prettier: Formats files using the prettier rules defined in .prettierrc.
• test: Runs testing using watch mode.
• test:cov: Runs testing displaying a coverage report.

Blog Post

I created a post explaning how to set up this library and publish it to a package registry! You can read it here.

Author

Ignacio Miranda Figueroa

License

MIT

Dependencies

Peer dependencies

ID	Version
@arragro/core	0.0.15
@arragro/dynamic	0.0.100
@arragro/store-core	0.0.20
@emotion/react	11.14.0
@emotion/styled	11.14.1
@hello-pangea/dnd	18.0.1
@mui/icons-material	7.3.9
@mui/material	7.3.9
@mui/x-date-pickers	8.27.2
@nosferatu500/react-sortable-tree	5.0.0
@react-hook/previous	1.0.1
@react-hook/window-size	3.1.1
@tinymce/tinymce-react	6.3.0
attr-accept	2.2.5
dayjs	1.11.20
easymde	2.20.0
flat	6.0.1
formik	2.4.9
immer	11.1.4
lodash-es	4.17.23
markdown-to-jsx	9.7.13
mui-color-input	7.0.0
notistack	3.0.2
react	19.2.4
react-dnd	16.0.1
react-dnd-html5-backend	16.0.1
react-dnd-touch-backend	16.0.1
react-dom	19.2.4
react-dropzone	15.0.0
react-router-dom	7.13.1
react-simplemde-editor	5.2.0
react-virtualized-auto-sizer	1.0.26
react-virtuoso	4.18.3
use-local-storage-state	19.5.0
use-session-storage-state	19.0.1
uuid	13.0.0
zod	4.3.6
zod-formik-adapter	2.0.0
zustand	5.0.12

Details

npm

2026-03-28 02:15:59 +00:00

1

Project website

496 KiB

Assets (1)

ui-0.0.106-alpha.tgz 496 KiB

Versions (9) View all

0.0.109-alpha 2026-04-02

0.0.108-alpha 2026-04-02

0.0.107-alpha 2026-04-02

0.0.106-alpha 2026-03-28

0.0.105-alpha 2026-03-25