Foldkit: An Effect-First Frontend Framework #9

Get support from the Effect community

Devin Jameson joins Cause & Effect to talk about Foldkit, an Effect-first frontend framework inspired by Elm architecture. Devin and Johannes Schickling discuss why Foldkit takes a schema-first approach to frontend state, how it differs from React, how commands model side effects, and why this architecture may be especially useful in the age of AI-assisted coding.

Effect is an ecosystem of tools to build production-grade software in TypeScript.

• Website & docs
• Community & support
• Follow us on X (Twitter)
• Github

#Effect #TypeScript #Foldkit #softwareDevelopment

Song: Dosi & Aisake - Cruising [NCS Release]
Music provided by NoCopyrightSounds
Free Download/Stream: http://ncs.io/Cruising
Watch: http://ncs.lnk.to/CruisingAT/youtube

• (00:00) - Intro
• (03:24) - Why build a new frontend framework instead of using React?
• (08:38) - Elm architecture, model-view-update, and frontend state
• (19:14) - Schema-first frontend development with Effect
• (22:37) - Foldkit vs React: components, architecture, and AI-readiness
• (33:09) - Demo: building a Pixel Art app with Foldkit
• (01:12:28) - Foldkit’s future: V1, testing, UI, MCP, and the Effect ecosystem