pop-components

A React component library, built on top of Mantine, React Hook Form and Tanstack Table.

Usage

Package manager in use is yarn.

Install packages

yarn

Run the dev server with below

yarn dev

Deployment

Create a new build by running yarn build.

Once built, run yarn publish ., update the version and ensure you push the updates into source. You will need access to the Pop NPM library and to have logged in via your terminal at some point.

File Structure

src
  ├─ modules
  |   ├─ App Layout Using Mantine
  |   ├─ Axios helper function
  |   └─ Debug component (JSON wrapped in pre)
  |   └─ Form and Smart Form components (React Hook Form wrapper)
  |   └─ Shared Icons
  |   └─ Mantine modal + Zustand store to control
  |   └─ Mantine table + React Table (Tanstack Table)
  |   └─ Debug component (JSON wrapped in pre)
  ├─ pages
  |   ├─ Pages used for testing. Not bundled
  ├─ types
  |   ├─ Shared types across the modules / pages
  └─ utils
      └─ Shared helpers across modules / pages / exported components