Code snippets

A collection of free and reusable code that you can copy-paste in your own project. Every snippet is self-contained and can be used without additional setup.

SQLite client database with OPFS and Effect

Languages

typescript5.9.3

Libraries

effect3.17.14

Effect Rpc http client complete example

Languages

typescript5.6.3

Libraries

effect3.14.2
nodejs22.8.6

Upload file XState form actors with Effect

Languages

typescript5.8.3

Libraries

effect3.14.20
nodejs22.8.6
react19.1.0
xstate5.19.2

DexieJS type-safe live query with effect

Languages

typescript5.7.3

Libraries

effect3.12.4
react19.0.0
dexie-logo4.0.10

useActionEffect: Effect wrapper on useActionState

Languages

typescript5.7.3

Libraries

effect3.12.4
react19.0.0

Stripe payments React client with XState and Effect

Languages

typescript5.6.3

Libraries

effect3.10.12
nodejs22.8.6
react18.3.1
xstate5.18.2
stripe4.9.0

Authentication JWT access and refresh tokens with Effect

Languages

typescript5.6.3

Libraries

effect3.10.12
nodejs22.8.6
next15.0.2

Hybrid Logical Clock implementation in TypeScript

Languages

typescript5.6.3

Libraries

effect3.10.8

Type-safe openapi typescript client with Effect

Languages

typescript5.6.3

Libraries

effect3.10.8
nodejs22.8.6

Supabase service in Effect

Languages

typescript5.6.3

Libraries

effect3.10.8
Supabase2.46.1

Fetch on mount with XState

Languages

typescript5.6.3

Libraries

nodejs22.8.6
react18.3.1
xstate5.18.2

XState: Empty machine template

Languages

typescript5.6.3

Libraries

xstate5.18.2

ViteJs Type-Safe Web Worker in React

Languages

typescript5.7.2

Libraries

react18.3.1