43 replies

Using Option in React: Memoization and Aesthetic Improvements

for people using Option in react (or anything with control flow via

gen

gen

etc), I'm experimenting with it and finding I have a lot of useMemo's that look something like one of these two:

const foo = useMemo(() => Option.gen(function* () {
  const bar = yield* maybeSomething
  return bar
}).pipe(Option.getOrNull),[...])

const foo2 = useMemo(() => Option.gen(function* () {
  const bar = yield* Option.fromNullable(maybeSomethingElse)
  return bar
}),[...])

const foo = useMemo(() => Option.gen(function* () {
  const bar = yield* maybeSomething
  return bar
}).pipe(Option.getOrNull),[...])

const foo2 = useMemo(() => Option.gen(function* () {
  const bar = yield* Option.fromNullable(maybeSomethingElse)
  return bar
}),[...])

My question is, do you tend to memo the option or the nullish underlying value?
Do you have any advice for some aesthetic improvements?

I'm considering writing a smaller wrapper like

useOptionMemo

useOptionMemo

or something to tidy it up a bit, but not sure it's worth it.

Thanks!

Effect Community•12mo ago•

43 replies

deeplaysit

Using Option in React: Memoization and Aesthetic Improvements

for people using Option in react (or anything with control flow via

gen

gen

etc), I'm experimenting with it and finding I have a lot of useMemo's that look something like one of these two:

const foo = useMemo(() => Option.gen(function* () {
  const bar = yield* maybeSomething
  return bar
}).pipe(Option.getOrNull),[...])

const foo2 = useMemo(() => Option.gen(function* () {
  const bar = yield* Option.fromNullable(maybeSomethingElse)
  return bar
}),[...])

const foo = useMemo(() => Option.gen(function* () {
  const bar = yield* maybeSomething
  return bar
}).pipe(Option.getOrNull),[...])

const foo2 = useMemo(() => Option.gen(function* () {
  const bar = yield* Option.fromNullable(maybeSomethingElse)
  return bar
}),[...])

My question is, do you tend to memo the option or the nullish underlying value?
Do you have any advice for some aesthetic improvements?

I'm considering writing a smaller wrapper like

useOptionMemo

useOptionMemo

or something to tidy it up a bit, but not sure it's worth it.

Thanks!

Using Option in React: Memoization and Aesthetic Improvements

Similar Threads

Using Option in React: Memoization and Aesthetic Improvements

Similar Threads

Similar Threads

Similar Threads