jofaval / astro-list-dynamic-test Goto Github PK

View Code? Open in Web Editor NEW

React & Astro - Dynamic interaction test for client-side. Example todo list

License: MIT License

JavaScript 3.01% Astro 55.40% TypeScript 41.59%

astro-list-dynamic-test's Introduction

Todo-List with Astro

Dynamic interaction test, it's sort of a personal PoC.

🚀 Tech stack

Built using Astro with TypeScript.

Motivation

I'm curious to see if my React apps could be built with Astro as to minimize the initial page load, while maintaining interaction.

Conclusions

Useful, fast, comfortable, and with a clear separation between client and server loaded.

I was looking to see if and when I could add some interactivity with React from server-rendered components, and it was a nice experience all the way through.

Results

This repo uses Github Actions CI/CD deployment to Github Pages. The url is:

jofaval.github.io/astro-list-dynamic-test

🧞 Commands

All commands are run from the root of the project, from a terminal:

Command	Action
`pnpm install`	Installs dependencies
`pnpm run dev`	Starts local dev server at `localhost:3000`
`pnpm run build`	Build your production site to `./dist/`
`pnpm run preview`	Preview your build locally, before deploying
`pnpm run astro ...`	Run CLI commands like `astro add`, `astro preview`
`pnpm run astro --help`	Get help using the Astro CLI

Recommend Projects