Skip to content

index.mdx

Latest commit

 

History

History
39 lines (29 loc) · 1.59 KB

index.mdx

File metadata and controls

39 lines (29 loc) · 1.59 KB
title Simple Stack
description Lightweight, focused tools for web development. Includes a reactive state management store for React, build-time scoped IDs for Vite, and DOM querying utilities for Astro.
tableOfContents false
head
tag content
title
Simple Stack — Lightweight Tools for Web Development
tag attrs content
script
type
application/ld+json
{"@context":"https://schema.org","@type":"WebSite","name":"Simple Stack","url":"https://simple-stack.dev","description":"Lightweight, focused tools for web development including reactive state management, scoped IDs, and DOM querying utilities."}

A collection of tools I've built to make web development simpler.

To be honest, there isn't a "story" connecting these packages together (I'm no TanStack). But they follow a common theme: solve a simple use case without too many features.

import { CardGrid, Card, LinkCard } from '@astrojs/starlight/components';

A reactive store that combines the simplicity of signals with the power of "selectors" you'd find in Zustand. 
	<LinkCard href="/store" title="Documentation" />
</Card>

<Card href="/scope" title="Simple Scope" icon="magnifier">
	A vite plugin that generates scoped IDs for any file you're in. Perfect for form label IDs and query selectors.

	<LinkCard href="/scope" title="Documentation" />
</Card>

<Card href="/query" title="Simple Query" icon="puzzle">
	A simple way to add JS scripts to Astro components.

	<LinkCard href="/query" title="Documentation" />
</Card>