Functional Programming in React
Functional Programming in React
Practical patterns for React apps. No jargon, just code that works.
Quick Reference
| Pattern | Use When |
|---|---|
Option |
Value might be missing (user not loaded yet) |
Either |
Operation might fail (form validation) |
TaskEither |
Async operation might fail (API calls) |
RemoteData |
Need to show loading/error/success states |
pipe |
Chaining multiple transformations |
1. State with Option (Maybe It's There, Maybe Not)
More from whatiskadudoing/fp-ts-skills
functional programming fundamentals
Core FP concepts including pure functions, currying, composition, and pointfree style - the foundation for mastering functional TypeScript
81fp-ts-backend
Functional programming patterns for Node.js/Deno backend development using fp-ts, ReaderTaskEither, and functional dependency injection
52pragmatic functional programming
A practical, jargon-free guide to functional programming - the 80/20 approach that gets results without the academic overhead
40fp-immutable
Practical immutability patterns in TypeScript - spread operators, nested updates, readonly types, and when mutation is actually fine
39fp-ts-validation
Validation patterns using fp-ts with error accumulation, form validation, and API input validation
39fp-ts-async-practical
Practical async patterns using TaskEither - clean pipelines instead of try/catch hell, with real API examples
38