astro-reactive / astro-reactive

Let your data build your UI, with Astro components

Home Page:https://astro-reactive.js.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Warning

As of now we still are in an exploratory phase and the library is not ready for production. We appreciate the interest. We look forward to your feedback and welcome all kinds of contribution. :)

Astro Reactive Library Logo
Astro Reactive Library
Server-Side Rendered, Dynamic Components
Let your data build your UI with Astro

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.git
  1. Go into the project directory
cd astro-reactive
  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!

About

Let your data build your UI, with Astro components

https://astro-reactive.js.org

License:MIT License


Languages

Language:Astro 46.9%Language:TypeScript 35.1%Language:CSS 11.5%Language:JavaScript 6.5%