Bullseye Components Library

A React component library built with Vite, migrated from the React-Locator application.

Development

Setup

yarn install

Available Scripts

• yarn dev - Start development server
• yarn build - Build the library for production
• yarn typecheck - Run TypeScript type checking
• yarn lint - Run ESLint
• yarn lint:fix - Fix ESLint issues automatically
• yarn test - Run tests with Vitest
• yarn test:ui - Run tests with Vitest UI

Project Structure

src/
├── components/     # React components
│   └── ComponentName/
│       ├── ComponentName.tsx
│       ├── ComponentName.types.ts
│       └── index.ts
├── styles/        # CSS styles
└── index.ts       # Main exports

Usage

import { GoogleMap, LocationInformation } from '@bullseye/components-library'
import '@bullseye/components-library/styles'

function App() {
  return (
    <div>
      <LocationInformation location={locationData} />
      <GoogleMap markers={markers} />
    </div>
  )
}

Component Migration

This library is being built by migrating components from the React-Locator application. Each component should be:

1. More generic and reusable
2. Properly typed with TypeScript
3. Tested with Vitest
4. Well documented with clear interfaces