Astro Reactive Library Logo Astro Reactive Library
Let your data build your UI with native Astro components and architecture.

Build & Test Result Last Commit

| Packages | Version | Description | | --- | --- | --- | | [@astro-reactive/form](https://github.com/ayoayco/astro-reactive-library/blob/main/packages/form/README.md) | [![npm](https://img.shields.io/npm/v/@astro-reactive/form)](https://www.npmjs.com/package/@astro-reactive/form) | generate a dynamic form which can be modified programmatically | | [@astro-reactive/validator](https://github.com/ayoayco/astro-reactive-library/blob/main/packages/validator/README.md)| [![npm](https://img.shields.io/npm/v/@astro-reactive/validator)](https://www.npmjs.com/package/@astro-reactive/validator) | set up validators for your form easily | | @astro-reactive/data-grid | 🛠 | generate a dynamic data grid of values | # 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](https://github.com/ayoayco/astro-reactive-library/issues) 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/choose) for your own idea, [email me (ayo@ayco.io)](mailto:ayo@ayco.io) 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:/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 start ``` 5. Open the demo application on you browser. Browse to the address: ``` https://localhost:3000 ``` 6. To run the tests: ``` npm test ``` ## Other apps We also maintain the docs website and the project landing page in this repository. Run the following to start the dev servers: ``` npm run docs ``` ``` npm run landing-page ``` # Contributors This project is only possible because of the support and contribution of our community ❤️ 👉 _[Join our contributors!](https://github.com/ayoayco/astro-reactive-library/blob/main/CONTRIBUTING.md)_