React useState lazy initialization in one glance

Thiyagaraj T

·Nov 17, 2020

How

useState is the simplest React hook out in wild but it has a very interesting feature — lazy initialization

If you provide useState with a function, then it will be executed only on the initial render.

When to use

Any function that is computationally expensive can be initialized lazily.

Reference

• https://reactjs.org/docs/hooks-reference.html#usestate