Installing effect packages | Effect with React 19: Project Template

We are now ready to install effect. We are going to install effect, @effect/schema and @effect/platform:

effect: core library that provides primitives to build applications with effect
@effect/schema: provides schema-based validation and serialization
@effect/platform: provides effect services for things like HTTP requests, file system, and more

pnpm add effect @effect/schema @effect/platform

At this point, we have the following dependencies installed:

package.json

{
  "name": "effect-react-19-project-template",
  "version": "0.0.0",
  "type": "module",
  "private": true,
  "author": "Sandro Maglione",
  "scripts": {
    "dev": "waku dev",
    "build": "waku build",
    "start": "waku start"
  },
  "dependencies": {
    "@effect/platform": "^0.65.5",
    "@effect/schema": "^0.73.4",
    "effect": "^3.8.3",
    "react": "19.0.0-rc-d6cb4e77-20240911",
    "react-dom": "19.0.0-rc-d6cb4e77-20240911",
    "react-server-dom-webpack": "19.0.0-rc-d6cb4e77-20240911",
    "waku": "0.21.2"
  },
  "devDependencies": {
    "@types/react": "18.3.5",
    "@types/react-dom": "18.3.0",
    "typescript": "5.6.2"
  }
}