astro-reactive

KO | EN

gitlite — search

#javascript #hacktoberfest #react #ai #typescript #golang #deep-learning #linux #awesome #cli #pytorch #ios #openai #open-source

(★ 86)

Let your data build your UI, with Astro components

astro-reactive Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

> [!NOTE]
> _This Project is Archived._ Possible developments might happen at https://git.ayo.run/ayo/astro-reactive-form; if interested, you can find how to contact me at https://ayco.io/about#contact

<img src="https://raw.githubusercontent.com/astro-reactive/astro-reactive/main/.github/assets/logo/min-banner.png" alt="Astro Reactive Library Logo">
 
 Astro Reactive Library
 
 Server-Side Rendered, Dynamic Components
 
 Let your data build your UI with <a href="https://astro.build">Astro</a>
 
 
 <a href="https://github.com/astro-reactive/astro-reactive/actions/workflows/build-and-test.yml">
 <img src="https://github.com/astro-reactive/astro-reactive/actions/workflows/build-and-test.yml/badge.svg?branch=main" alt="Build & Test Result" />
 </a>
 <a href="https://github.com/astro-reactive/astro-reactive">
 <img alt="Last Commit" src="https://img.shields.io/github/last-commit/astro-reactive/astro-reactive?logo=github" />
 </a>
 <a href="https://gitpod.io/#https://github.com/astro-reactive/astro-reactive.git">
 <img
 src="https://img.shields.io/badge/Contribute%20with-Gitpod-908a85?logo=gitpod"
 alt="Contribute with Gitpod"
 />
 </a>

| Package                                                                                              | Release notes                                                                                       | Description                                              |
| ---------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------- | -------------------------------------------------------- |
| [form](https://github.com/astro-reactive/astro-reactive/blob/main/packages/form/README.md)           | [![npm](https://img.shields.io/npm/v/@astro-reactive/form)](https://raw.githubusercontent.com/astro-reactive/astro-reactive/main/packages/form/CHANGELOG.md)           | a dynamic form which can be modified programmatically    |
| [validator](https://github.com/astro-reactive/astro-reactive/blob/main/packages/validator/README.md) | [![npm](https://img.shields.io/npm/v/@astro-reactive/validator)](https://raw.githubusercontent.com/astro-reactive/astro-reactive/main/packages/validator/CHANGELOG.md) | 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
```

2. Go into the project directory

```
cd astro-reactive
```

3. Install the node dependencies

```
npm i
```

4. Run the demo application

```
npm start
```

5. Open the demo application on your 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/astro-reactive/astro-reactive/blob/main/CONTRIBUTING.md)_

<!--

## Play around examples:

-->

astro-reactive

astro-reactive Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

astro-reactive

astro-reactive Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README