Introduction
JayOnCode™ builds the JOC Ecosystem: an ecosystem of independent, headless TypeScript libraries engineered for modern web applications. Every package is framework-agnostic, thoroughly documented, and backed by interactive playgrounds for a consistent developer experience.
Each @jayoncode/* package solves one hard frontend problem well — forms, browser session lifecycle, object diffing, client storage, and more — then gets out of your way. You pick what you need; you never adopt a monolith.
The pitch in one paragraph
Modern apps keep reinventing the same infrastructure: when a tab hides, how a form validates and autosaves, what changed between two objects, how prefs survive a reload. The JOC Ecosystem ships those building blocks as small, typed cores you compose in React, Vue, Angular, Svelte, or vanilla JS — with docs and playgrounds that match production APIs.
Vision
JOC aims to be a trusted home for focused developer libraries:
- Clear package boundaries — install one without dragging the rest
- Production-grade TypeScript contracts and predictable errors
- Docs, playgrounds, and release practices that scale with the ecosystem
- Long-term maintainability over “ship everything in one SDK”
What we deliberately avoid: a grab bag of unrelated utilities, hidden cross-package coupling, and tooling sprawl that outruns standards.
Read the full philosophy and vision on GitHub.
Live packages today
| Package | What it solves | Start here |
|---|---|---|
@jayoncode/browser-lifecycle | Observe browser state. Derive session intelligence. React with confidence. | Docs · Playground |
@jayoncode/form-intelligence | Declare the workflow. Keep the markup. Submit with confidence. | Docs · Playground |
@jayoncode/object-diff | Stop guessing what changed. Get paths, patches, and review-ready output. | Docs · Playground |
@jayoncode/storage | Namespace it. Expire it. Upgrade it — without localStorage glue. | Docs · Playground |
Browse the full package catalog. New libraries will be announced as they enter development.
Official reference application
Draft Desk is the official JOC reference app — a resilient multi-step form that composes Browser Lifecycle, Storage, Form Intelligence, and Object Diff together. Use it when you want to feel the packages in one product flow before wiring them into your own app.
Who this is for
- Application developers who want battle-tested primitives without UI lock-in
- Library authors looking for patterns for headless, adapter-friendly APIs
- Contributors who care about monorepo standards, docs, and release hygiene
What you should do next
- Skim Philosophy — the rules that keep packages independent.
- Open the package catalog and pick a live library.
- Try it in the playground before you install.
- Check the roadmap for what’s shipping next — and contribute if you want to help shape it.