Thilawyn
4b712de788
## Summary - Rename `effect-fc-next` to `effect-view` and update package metadata, internal symbols, imports, and repository references. - Promote the Effect 4 example to `packages/example` and move the legacy Effect 3 example to `packages/effect-fc-example`. - Add `effect-view` to the npm publishing workflow. - Update the Vite Fast Refresh plugin for `effect-view` and rename `effectViewPlugin()` to `effectView()`. - Upgrade Effect, React, TypeScript, build tooling, and related dependencies. - Refresh the documentation and homepage. ## Documentation - Add a dedicated Async guide covering: - Suspense fallbacks - Hook ordering - Memoization - Structural prop equality - Clarify synchronous and asynchronous component behavior. - Document runner scope and service requirements. - Explain stable construction of Query, Mutation, and Form instances. - Expand focused Lens and Form examples, including curried focus helpers. - Document the optional `@effect/platform-browser` dependency for window-focus query refresh. - Improve the Forms guide structure and examples. - Fix responsive homepage headline wrapping and update homepage copy. ## Notable API changes - Package rename: ```diff - effect-fc-next + effect-view --------- Co-authored-by: Julien Valverdé <julien.valverde@mailo.com> Reviewed-on: #59
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.