10 · React / TypeScript
First React app: JSX, props and state
Render components and change state through a user action.
← ProjectsData flow
React / TypeScript · Application
FlowForm Studio
Visually edit forms and approval workflows.
Source availableArchitecture and data flow
- React
- typed API
- NestJS
- Prisma/PostgreSQL
- events
Server state and UI drafts have different owners. Versions prevent silent overwrites of other users’ changes.
Code and evidence
Pinned source links show the implementation and existing test files. Startup commands and documented verification boundaries are in the README at the same version. This website audit is not a fresh CI run of every project.
- flowform-studio · memory-sandbox.repository.ts
- flowform-studio · prisma-sandbox.repository.ts
- flowform-studio · sandbox.repository.ts
- flowform-studio · app.e2e.test.ts
- flowform-studio · sandbox-cleanup.service.test.ts
- README · 8d98dbef
Licence: PolyForm Noncommercial 1.0.0 · Source checked on 12.10.2026
Learn through tutorials
11 · React / TypeScript
Forms, lists and effects
Validate forms and deliberately synchronise with an external browser function.
14 · React / TypeScript
HTTP contracts and runtime validation
Distinguish transport failures, HTTP failures and invalid response data.
17 · React / TypeScript
Persistent optimistic UI, replay and conflicts
Persist intent before sending and prevent duplicate effects when a response is lost.
18 · React / TypeScript
Shared editing with WebSockets and PostgreSQL
Understand ordered operations, reconnection and a durable operation log’s role.