Creating the project

For this template we are going to use a framework called Waku.

Waku is a minimal React framework built on React 19.

Waku requires few dependencies and configurations. It allows to use all the features of React 19 without too many additional framework-specific conventions. That's ideal for this template, so we can focus on the specifics of the Effect integration.

The template is framework-agnostic. Effect can be used with any framework.

As such, the template is not tied to Waku, but can be used with any React 19 framework.

Installing Waku

Waku provides a basic template that you can install by running the following command:

pnpm create waku@latest

Our effect/react template is built on version 0.21.2 of Waku.

We are then going to remove any unnecessary files and folders (images, styling, components). The final initial template looks as follows:

Minimal project setup using Waku: only a basic layout and index page are necessary as initial configuration.
Minimal project setup using Waku: only a basic layout and index page are necessary as initial configuration.

Project template on Github