While reading through scaling up with reducer and context from
the react docs, the docs took the user through a series of steps to transfer reading state
and dispatch
from the props to
the context, resulting in set of abstractions like:
const TasksContext = createContext(null);
const TasksDispatchContext = createContext(null);
export function TasksProvider({ children }) {
const [tasks, dispatch] = useReducer(