ThilawynandJulien Valverdé 0e2b4c1951
Publish / publish (push) Successful in 2m6s
Lint / lint (push) Successful in 1m3s
Improve effect-view docs, mutation keys, and Fast Refresh (#76)
## Summary

- Add comprehensive AI-oriented documentation for effect-view components, state, async rendering, queries, mutations, forms, streams, and runtime setup.
- Fix `Mutation.mutate` so each invocation consistently uses its own key instead of reusing the previous mutation key.
- Improve Vite Fast Refresh instrumentation for:
  - User-defined component wrappers.
  - Data-first and pipeline-based `withContext`/`withRuntime` entrypoints.
  - Nested function handling.
  - Stable hook signatures that preserve state for non-hook-related edits.
- Add regression tests for mutation keys and refresh behavior.
- Bump `effect-view` to `0.1.5` and `@effect-view/vite-plugin` to `0.0.2`.

## Testing

- `bun run --cwd packages/effect-view test -- src/Mutation.test.ts`
  - 4 tests passed
- `bun run --cwd packages/vite-plugin test -- src/plugin.test.ts`
  - 11 tests passed

The full test suite was not run.

---------

Co-authored-by: Julien Valverdé <julien.valverde@mailo.com>
Reviewed-on: #76
2026-08-26 01:06:03 +02:00
2025-07-01 22:34:50 +02:00
2025-10-03 18:19:23 +02:00
2025-07-01 22:34:50 +02:00
2025-10-13 00:57:01 +02:00

Effect View logo

Effect View Monorepo

Write React components as typed Effect programs.

This repository contains Effect View, its documentation, development examples, and supporting tooling. Effect View brings Effect's typed services, resource safety, concurrency, and data modeling to React while keeping ordinary React components, hooks, and JSX.

Packages

Package Description
effect-view The Effect View library for Effect v4 and React 19.
@effect-view/vite-plugin Vite Fast Refresh support for Effect View components.
docs The Effect View documentation, built with Docusaurus.
example Example application using Effect View and Effect v4.
effect-fc Legacy Effect v3 package.
effect-fc-example Example application for the legacy package.

Development

The monorepo uses Bun workspaces and Turborepo.

bun install

Run checks and builds from the repository root:

bun run lint:tsc
bun run lint:biome
bun run test
bun run build

Start the Effect View example or documentation site:

bun run --cwd packages/example dev
bun run --cwd packages/docs start

Documentation

Read the documentation at thila.dev/effect-view.

License

MIT

S
Description
Write React function components using Effect generators!
https://thila.dev/effect-view
Readme MIT
3.7 MiB
Languages
TypeScript 96.3%
CSS 3.4%
HTML 0.2%