1. Describe use cases useState() vs useReducer()?
useState is a Basic Hook for managing simple state transformation and useReducer is an Additional Hook for managing more complex state logic, it is worth noting that useState uses the useReducer internally. This implies that you could use useReducer for everything you can do with useState.
useReducer returns state and a dispatch function. You can pass the dispatch function down to other components which should call it with a type. medium
2. Why do custom hooks need the use prefix?
It’s mostly just industry standard
3. What do custom hooks usually do?
The turn things like functions into components so you can use those functions across different parts of your app
4. Using any list of custom hooks, research and name one that you think will be useful in your applications?
useContext: Accepts a context object (the value returned from React.createContext) and returns the current context value for that context.
5. Describe how a hook that fetches API data might work
Wish I knew but I couldn’t get this to work in my lab :). Jokes aside I imagine they all would have a similar structure but have slight variations based on the route and the method you’re using.
| Term | Definition |
|---|---|
| reducer | A reducer is a function that determines changes to an application’s state. CSS Tricks |
Which 3 things had you heard about previously and now have better clarity on?
hooks, reducers, custom hooks for APIs
Which 3 things are you hoping to learn more about in the upcoming lecture/demo?
custom hooks, hooks, useEffect
What are you most excited about trying to implement or see how it works?
I’m excited to create custom hooks for the API calls we had in our lab. I’m also excited about using more of reacts custom hooks