Commonly Used Hooks in React Native

Six built-in Hooks appear again and again in React Native code: useState, useEffect, useContext, useRef, useMemo and useCallback. Each one has its own chapter or lesson later in the course, so the goal here is to recognize what each one is for, not to master it.

A single stopwatch screen shows all six. It counts seconds, can pause, can reset, and draws itself in a theme color. The complete code appears at the end, and each section explains one part of it.

useState: Remember a Value

useState stores a value for a component and redraws the component when the value changes