1
Use the useState React Hook
1m 19s
2
Test React Components that use React Hooks
1m 45s
3
Share Logic Across Multiple React Components with Custom Hooks
1m 28s
4
Store Values in localStorage with the React useEffect Hook
3m 13s
5
Test Effects Generated from React the useEffect Hook
3m 49s
6
Access and Modify a DOM Node with the React useRef and useEffect Hooks
3m 4s
7
Interact and Update State in React with useState
5m 6s
8
Declaratively Interact with Complex Component State using the React useReducer Hook
2m 46s
9
Simplify a Component Reducer with the React setState Hook
1m 38s
10
Share Complex Logic across React Components with Custom Hooks
2m 34s
11
Detect user activity with a custom useIdle React Hook
3m 44s
12
Prevent Unnecessary Component Rerenders with React memo
2m 38s
13
Lazy Load a React Component with React.lazy and Suspense
2m 17s
14
Learn fundamentals of React Suspense
3m 30s

Share Logic Across Multiple React Components with Custom Hooks

React

Share this video with your friends

In React 16.6, there are hooks that allow you to use state in functions components in a simple way.

With these hooks, you can share the logic easily. In this lesson, we'll break out the setCount hook into it's own function and use it in a Component.

Course

React Hooks and Suspense

Jikku Jose

~ 6 years ago

My two cents: Think it might be better to use the returned function from the custom hook to "set" the state rather than a function to directly update the state. That way it will be consistent to other hook methods.