![Astro Reactive Library](https://user-images.githubusercontent.com/4262489/193419437-6e437743-47bf-482b-8f7e-de3c7f5285f8.png)

[![npm](https://img.shields.io/npm/v/astro-reactive-form)](https://www.npmjs.com/package/astro-reactive-form)
[![npm](https://img.shields.io/npm/l/astro-reactive-form)](https://www.npmjs.com/package/astro-reactive-form)
[![npm](https://img.shields.io/npm/dt/astro-reactive-form)](https://www.npmjs.com/package/astro-reactive-form)
[![github](https://img.shields.io/github/last-commit/ayoayco/astro-reactive-library)](https://github.com/ayoayco/astro-reactive-library)

# Components and utilities for building reactive user interfaces 🔥
Build blazing-fast user interfaces with native [Astro](https://astro.build) components and architecture.

*[Please report issues and suggestions](https://github.com/ayoayco/astro-reactive-library/issues)*

| Packages | Version | Docs |
| --- | --- | --- |
| [astro-reactive-form](https://github.com/ayoayco/astro-reactive-library/tree/main/packages/astro-reactive-form#readme) | [![npm](https://img.shields.io/npm/v/astro-reactive-form)](https://www.npmjs.com/package/astro-reactive-form) | 🛠 in-progress |
| astro-reactive-validator | 🛠 in-progress | 🛠 in-progress |
| astro-reactive-datagrid | 🛠 in-progress | 🛠 in-progress |

# HACKTOBERFEST 2022

[Hacktoberfest](https://hacktoberfest.com) has begun! 🚀

Any contribution is welcome. See our [contributing guide](https://github.com/ayoayco/astro-reactive-library/blob/main/CONTRIBUTING.md), and feel free to look around to find something that interests you. :)

Maybe add some themes to our form component? Or maybe an improvement for the README?

The issues page contains some ideas, but they should not limit your contribution.

If you don't find anything there, I'm happy to help you get your contribution in.

You can always [create a new issue](https://github.com/ayoayco/astro-reactive-library/issues/new) for your own idea, [email me](mailto:ramon.aycojr+hack@gmail.com) or message me on [Twitter (@ayoayco)](https://twitter.com/ayoayco).

# Running locally

We mainly use the `demo` app to see changes we make on the packages. Do the following to start hacking:

1. Fork the project then clone to your computer

```
git clone git@github.com:<your-user-name>/astro-reactive-library.git
```

2. Go into the project directory

```
cd astro-reactive-library
```

3. Install the node dependencies

```
npm i
```

4. Run the demo application

```
npm run dev
```

5. Open the demo application on you browser. Browse to the address:

```
https://localhost:3000
```

*[Please report issues and suggestions](https://github.com/ayoayco/astro-reactive-library/issues)*

# Contributors
1. [Ayo Ayco](https://ayco.io)
1. *[Add your name here!](https://github.com/ayoayco/astro-reactive-library/blob/main/CONTRIBUTING.md)*