io-ts
urgent opened this issue · 14 comments
Skipped. Worried about bundle size.
Function composition for effects, for testing.
fp-ts with effects in separate file.
React Profiler displayName property
Otherwise shows component name as Anonymous
setState(() => {})
function version for extra time in useEffect. Don't need if you know what you are doing. If working with useEffect, check dependency list second parameter, [], pass anything that will change in an array.
Event emitter and reconciliation/render strategy
If shared props are needed, move to parent component. Create a parent component if needed just for props.
io-ts Runtime decode
Runtime and compile time type checks. Use io-ts please. It's awesome.
https://www.tooploox.com/blog/bridging-static-and-runtime-types-with-io-ts
Don't Be Afraid to Write Types
A single name is a lot clearer than multiple curries of different types.
Folds
folding either, using separate handles for left and write. Return a union type. Detect, and run effects.
Task instead of io
No need to nest an io in a task. Task does all that for you anyways. If need more, look at flutures.
Reader
Instead of passing params, call for a reader once all folds are done and effects lined up.
Run effects on dependency input.
effects, like setState would need to be curried and pass to every fold.
setting the same state does not result in a render.
state in useEffect deps list
If useEffect needs existing state, put state in useEffect's deps list, the second parameter where you usually put [].
This one will drive you crazy.
Avoid unit testing function composition
Despite being first class functions, testing for equality between functions is difficult. Serialization exists, but that defeats the idea of unit tests. Best to pass similar parameters and look at output so unit is more durable to future versions.
Throwing exception inside a jest async.
Best to test if function is returned. Difficult to do in jest as jest halts on throw unless wrapped in anonymous functions. async makes it difficult. Better strategy is to return either the effectfull function or error only. Test the effect in a different unit. Only check if function is callable, expect.any(Function)
except.any instead of type of
Looks better.