ayo/astro-reactive-form
ayo/astro-reactive-form
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
Let your data build your UI, with Astro components
215 commits 1 branch 13 tags 4 MiB
Astro 48.1%
TypeScript 35.9%
CSS 11.8%
JavaScript 4.2%
Find a file
Neil An a37b6c80df
feat: add a new demo page! (#164) 
* integrated tailwind

* added links to job application page

* feat: add a new demo page
2022-10-29 12:45:21 +02:00
.github chore: update pull request template 2022-10-22 21:21:53 +02:00
.vscode feat(validator): server-side rendered validation errors (#123) 2022-10-22 04:35:16 +02:00
apps feat: add a new demo page! (#164) 2022-10-29 12:45:21 +02:00
packages fix(form): asterisks on Label.astro (#160) 2022-10-28 22:14:50 +02:00
.gitignore Chore project clean up (#42) 2022-10-04 19:18:17 +02:00
.gitpod.yml added gitpod (#129) 2022-10-22 22:31:16 +02:00
CODE_OF_CONDUCT.md docs(apps,packages): update content (#93) 2022-10-16 10:26:20 +02:00
CONTRIBUTING.md docs: update play with section badges 2022-10-28 22:41:59 +02:00
LICENSE chore: implement recommended community standards (#27) 2022-10-04 12:47:39 +02:00
package-lock.json chore: bump patch, update deps 2022-10-28 13:24:39 +02:00
package.json chore: bump patch and publish common 2022-10-28 12:46:49 +02:00
README.md docs: update package column 2022-10-28 22:56:58 +02:00
tsconfig.json chore: clean up monorepo 2022-10-01 15:44:39 +02:00

README.md

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

Build & Test Result Last Commit Contribute with Gitpod

Package Release notes Description
form npm a dynamic form which can be modified programmatically
validator npm validators for editable fields
data-grid 🛠 a dynamic data grid of values
themes 🛠 easy-to-use, accessible, consistent cross-browser styles
viz 🛠 data visualization that emits and responds to events

HACKTOBERFEST 2022

Hacktoberfest has begun! 🚀

Any contribution is welcome. See our contributing guide, 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 for your own idea, email me (ayo@ayco.io) or message me on Twitter (@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
  1. Go into the project directory
cd astro-reactive-library
  1. Install the node dependencies
npm i
  1. Run the demo application
npm start
  1. Open the demo application on your browser. Browse to the address:
https://localhost:3000
  1. 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!

Play around examples:

Play around in Stackblitz CodeSandbox