Skip to content
Sign in
Artwork for Cause & Effect
Cause & Effect · July 20 · 1 hr 19 min

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

0:00-1:19:51
Play in
Transcript file

transcript

No transcript — this publisher did not publish one.

show notes

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.

#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
links5

more episodes

All episodes