React · Middle · Question 60 of 75

How do you avoid many boolean flags like `isSending`, `isSent`, `isError` at once?

✓Correct answer: Use one status state with explicit values: 'typing' | 'sending' | 'sent' | 'error'
2Store each flag in a ref
3Use useMemo for each flag

Explanation

Separate booleans allow impossible combinations (sending and sent at once). A single status variable - or a reducer - makes states explicit.

Further reading

Test yourself

Take the React · Middle quiz: questions and options are shuffled, and you get a review of your mistakes at the end.