aisolutions-react-components

Overview

aisolutions-react-components is a library of reusable React components built with TypeScript. These components, including buttons, inputs, and forms, are styled with TailwindCSS and optimized for modern React applications. This package provides a robust starting point for creating and scaling component libraries.

Features

• Customizable Components: Includes Text, Link, Button, Input, Pagination, List, Select, and SimpleSearchForm.
• TailwindCSS Styling: Pre-styled components for seamless integration.
• TypeScript Ready: Fully typed for enhanced development safety.
• Storybook Support: Component visualization and documentation.
• Optimized Builds: Rollup configuration for ES modules and CommonJS outputs.

Components

Form / Button

A flexible and customizable button component styled with TailwindCSS.

Form / Input

A versatile input component supporting various types, validations, and styles.

Component / SimpleSearchForm

A search form component with built-in input validation for streamlined search functionality.

Installation

Install the library with:

npm install aisolutions-react-components

Usage Example

import React from 'react';
import { SimpleSearchForm } from 'aisolutions-react-components';

const App = () => {
  const handleSubmit = (data: { query: string }) => {
    console.log('Searching:', data);
  };

  return (
    <div className="p-4">
      <h1 className="text-2xl font-bold">My App</h1>
      <SimpleSearchForm onSubmit={handleSubmit} className="p-4" />
    </div>
  );
};

export default App;

Development

Follow these steps to contribute or develop the library:

Prerequisites

• Node.js (>= 16.0.0)
• npm (>= 7.0.0)

Getting Started

1. Clone the repository:

   git clone https://github.com/sowamateusz/aisolutions-react-components.git
   cd aisolutions-react-components

2. Install dependencies:

   npm install

Scripts

• Build the Library:

  npm run build

• Run Storybook:

  npm run storybook

• Type Checking:

  npm run type-check

Publishing to npm

Prerequisites

• An npm account (Sign up here)
• Ownership or maintenance rights to the aisolutions-react-components package.

Publishing Steps

1. Update Version: Modify the version in package.json according to semantic versioning.

2. Build and Test:

   npm run build

3. Login to npm:

   npm login

4. Publish the Package:

   npm publish --access public

Updating Existing Versions

1. Increment the version in package.json.
2. Rebuild and verify:

   npm run build

3. Publish the update:

   npm publish

Contributing

We welcome contributions! To get started:

1. Fork the repository.
2. Create a feature branch.
3. Submit a pull request with detailed changes.

License

This project is licensed under the ISC License. See the LICENSE file for details.

Questions

For questions or feedback, open an issue on GitHub or contact the author.