Typesafe Frontend

Type safe patterns for frontend developers
Edited by Anthony Gabriele content is free. Donate:

[Typesafe Frontend @typesafeFE]

I'm excited to announce that spectacles-ts v1.0.6 has dramatically increased performance & inference and added support for discriminated unions. Here's the updated blog post - let me know what you think! https://t.co/nWj8ook2KX

[Typesafe Frontend @typesafeFE]

goals:
- brevity
- immutable & pure syntax is prioritized
- 99% comprehensive (ignoring OO)
- code > explanations
- redundancy for complex or illegible syntax
- each example shows a single distilled idea
- builds on itself minimally - examples should be independent as possible

[Typesafe Frontend @typesafeFE]

Hey hey I haven't really liked any typescript tutorials I've seen, so I've been working on one. It's a single, interactive page. Lmk what you think! Or if you know of any other good tutorials/cheatsheets
https://t.co/j57Ijh1M2P

[Typesafe Frontend @typesafeFE]

@BenLesh @stephaneledorze My vote is for F# - simple & flexible

If I could I’d rebrand these as “hack” and “idiomatic”, since that’s the way most languages do fn composition (elm, elixir, haskell)

I’m not sure there’s a pedagogic advantage to hack, since pipesre only really useful in the context of HOFs

[Sandro Maglione @SandroMaglione]

Typescript functional programming development kit:

fp-ts ⚛️
io-ts 🔏
ts-pattern 🎭
practical-fp/union-types 🤲
spectacles-ts 👓

@GiulioCanti @typesafeFE @GabrielVergnaud

[Typesafe Frontend @typesafeFE]

Presenting `spectacles-ts`, a library for modifying nested objects immutably & simply. Here's a blog post about it, and video showing it off. Lmk what you think!
https://t.co/nWj8ook2KX

[Typesafe Frontend @typesafeFE]

Here's a rough draft of 'immutable-ts' (like immutability-helper or immer.js). I'd love some feedback! (including the name)

It's not published yet. If you'd like to try it out, there are playgrounds in the repo. Please lmk if anyone has feedback/ideas!
https://t.co/hOBPp5IKjy

[Paul Gray @PaulGrizzay]

I wrote some notes up on pipeable APIs: https://t.co/1yT3hGwQLH

[Typesafe Frontend @typesafeFE]

Yet another great article by @gnomff that might help folks convince co-workers to try out fp-ts! https://t.co/5dlL83fQIw

[Oliver Ash 🦋 @oliverjash.me @OliverJAsh]

We're looking for a new front-end engineer to join the web team at @unsplash, alongside me and @thomlbvr.

Small team but big product. Strict TypeScript with plenty of functional programming.

Job post coming soon but if you're interested, send me a DM!

Please RT ❤️

[Typesafe Frontend @typesafeFE]

This post is great! I love its details & practicality. I recommend it if you’re interested in dependency injection

https://t.co/gByJpfIkNY

[Gabriele Petronella 🦋 gabro27.bsky.social @gabro27]

Just released [email protected] 🎉

How many times have you forgotten to run a Task when using it as an event handler? How many hours spent debugging tasks that just won’t run? No more!

Welcome the new no-discarded-pure-expression rule, which has your back! 🚀
Example 👇

[Typesafe Frontend @typesafeFE]

@trupill @etorreborre @bberrycarmen I quoted that interview in my article compiling concrete problems that “Either” solves - might be of interest

https://t.co/J8eRhLtjd3

[Typesafe Frontend @typesafeFE]

@arosien If you use js, chances are you're nearly there already:
- typescript has 50% adoption rate
- lodash = #1 downloaded npm package, fp-ts is a small(ish) leap
- Errors as values (Either) are very practical
- rxjs is surprisingly popular already (# 22 on npm)
- react + rxjs ≈ elm

[Typesafe Frontend @typesafeFE]

I'm proud to introduce my functional game engine, game-ts!

Features:
- simple rxjs game-loop
- graphics-ts for rendering
- integrations with spritesheet.js, Tiled, and geometric.js

Let me know what you think!
https://t.co/aUok07FUvn

[Typesafe Frontend @typesafeFE]

This is so neat - can't wait for the blog post!

For an intro to indexed monads, check out @gnomff's article on hyper-ts, which uses an indexed monad to enforce http protocol correctness https://t.co/e5QY0VxU2i

[Phil Freeman @paf31]

Indexed monads are the essence of React's hooks. I've had this idea in the back of my mind for a while, ever since I saw the idea in https://t.co/nA5CIeqXy3, and I've wanted to find a pure model of hooks as an indexed monad. Finally, I think I'm getting somewhere. Blog post soon.

[Typesafe Frontend @typesafeFE]

Here's the next installment in my series on fp-ts TaskEither, this time delving into Promises - why they're already great, and how TaskEither improves upon them.
https://t.co/bxTG3GTof1

[Typesafe Frontend @typesafeFE]

fp-ts TaskEither is three things: an Either wrapped in a Promise wrapped in IO. I've written a series going into depth about each of these. Here's the first installment, exploring Either as a superior approach to error handling.
https://t.co/J8eRhLtjd3

[Typesafe Frontend @typesafeFE]

@mattoflambda I love that article! I referenced it in my own re: Typescript:

https://t.co/o60BdA373t