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
287 commits 1 branch 13 tags 4 MiB
Astro 48.1%
TypeScript 35.9%
CSS 11.8%
JavaScript 4.2%
Find a file
Woramat Ngamkham 975b2e821a
feat(form): add validateOnLoad prop (#213) 
* feat(form): add validateOnLoad prop

* feat(form): add FormConfig interface

* refactor(form): refactor FormConfig

* refactor(demo): change params to FormConfig

* chore(demo): remove FormConfig on demo

* feat(form): make validateOnLoad to be false by default

* feat(form): add setValidateOnLoad method

* chore(form): edit comment on validateOnLoad

* feat(form): remove setValidateOnLoad in FormGroup

* revert(form): add FormConfig interface

This reverts commit 44b58d4a43d4d2e8bcd3dc799e3110f9b8f23604.

* revert(demo): change params to FormConfig

This reverts commit 98f8602000505a29d04493617043aa0cfb00a969.
2022-11-30 15:28:48 +07:00
.github fix: extends timeout for timed out test (#208) 2022-11-25 14:37:23 +01:00
.vscode feat(validator): server-side rendered validation errors (#123) 2022-10-22 04:35:16 +02:00
apps exploration(hyperdrive): problem statement (#219) 2022-11-29 21:00:43 +01:00
packages feat(form): add validateOnLoad prop (#213) 2022-11-30 15:28:48 +07:00
.eslintrc.cjs chore(library): implement turporepo (#206) 2022-11-23 20:05:07 +01:00
.gitignore chore(library): implement turporepo (#206) 2022-11-23 20:05:07 +01: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 feat(docs, landing-page): mention turborepo and link to discord (#210) 2022-11-25 15:47:39 +01:00
LICENSE chore: implement recommended community standards (#27) 2022-10-04 12:47:39 +02:00
MONOREPO.md chore(library): implement turporepo (#206) 2022-11-23 20:05:07 +01:00
package-lock.json chore(library): implement turporepo (#206) 2022-11-23 20:05:07 +01:00
package.json fix: extends timeout for timed out test (#208) 2022-11-25 14:37:23 +01:00
README.md docs: initial Form, FormGroup documentation (#176) 2022-11-06 20:11:42 +01:00
tsconfig.json chore: clean up monorepo 2022-10-01 15:44:39 +02:00
turbo.json fix: extends timeout for timed out test (#208) 2022-11-25 14:37:23 +01: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

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