Build the strongest React
experience with Modern Flow.

What you can do

A goal, whether it works today, and the pages to read in order. Each step is a link.

Install it

On macOS or Linux, install the native CLI:

Then a project, its packages, and a dev server:

See the installation guide for Windows, Nix, source builds and JavaScript hosts.

Where to begin

Each part of the manual, the question it answers, and the pages most of its readers open first.

How do I get it running?

StartInstall uf, create a project and build your first app.

• Install
• Your first project
• What you can do
• Build a reading list
• Flow, the modern parts

How do I run, test, type-check and lint it, every day and in CI?

The toolchainThe commands you run every day — dev, build, test, check, fmt and lint — one guide each, and how to put them in CI.

• Dev and build
• Testing
• Type checking
• Formatting and linting
• uf in CI

How do I route, load data, render, style and test?

Build an appOne guide per thing an application does: routes, data, rendering, state, forms, UI, styling, and what production asks for.

• Routing
• Server Components
• Server actions
• Data in the browser
• Forms

Where does it run: a server, a static host, a phone, a terminal?

TargetsWhere a uf application runs: a server or a static host, a single file, a phone, a terminal.

• Deploy a web build
• React Native target
• Terminal UI

What does this flag, key or export do?

ReferenceLook up commands, configuration, packages and APIs.

• Commands
• uf.config.js
• API
• Packages
• Standard library

How do I move an application I already have?

MigrateFrom CRA, Vite or Next.js: what carries over, the moves in order, and what still differs.

Should my team use this, and what does it cost?

Why ufFor deciding whether to use uf: what it is, what Flow buys, what it costs, and what it will not do.

• What uf is
• What uf does not do
• uf compared
• Benchmarks