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
62 lines
1.7 KiB
Markdown
62 lines
1.7 KiB
Markdown
<p align="center">
|
|
<a href="https://thila.dev/effect-view">
|
|
<img src="https://github.com/Thiladev/effect-view/raw/master/packages/docs/static/img/logo.svg" width="104" height="104" alt="Effect View logo" />
|
|
</a>
|
|
</p>
|
|
|
|
<h1 align="center">Effect View Monorepo</h1>
|
|
|
|
<p align="center">
|
|
Write React components as typed Effect programs.
|
|
</p>
|
|
|
|
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`](packages/effect-view) | The Effect View library for Effect v4 and React 19. |
|
|
| [`@effect-view/vite-plugin`](packages/vite-plugin) | Vite Fast Refresh support for Effect View components. |
|
|
| [`docs`](packages/docs) | The [Effect View documentation](https://thila.dev/effect-view), built with Docusaurus. |
|
|
| [`example`](packages/example) | Example application using Effect View and Effect v4. |
|
|
| [`effect-fc`](packages/effect-fc) | Legacy Effect v3 package. |
|
|
| [`effect-fc-example`](packages/effect-fc-example) | Example application for the legacy package. |
|
|
|
|
## Development
|
|
|
|
The monorepo uses [Bun](https://bun.sh/) workspaces and
|
|
[Turborepo](https://turbo.build/).
|
|
|
|
```bash
|
|
bun install
|
|
```
|
|
|
|
Run checks and builds from the repository root:
|
|
|
|
```bash
|
|
bun run lint:tsc
|
|
bun run lint:biome
|
|
bun run test
|
|
bun run build
|
|
```
|
|
|
|
Start the Effect View example or documentation site:
|
|
|
|
```bash
|
|
bun run --cwd packages/example dev
|
|
bun run --cwd packages/docs start
|
|
```
|
|
|
|
## Documentation
|
|
|
|
Read the documentation at
|
|
[thila.dev/effect-view](https://thila.dev/effect-view).
|
|
|
|
## License
|
|
|
|
[MIT](LICENSE)
|