[Recomendation/Discussion]: Hook-based Context API

I would like to say that I'm impressed with how React hooks have revolutionized the React ecosystem, and the Context API. However, I see some major inconsistencies between how the context is read from, and how it is provided. Maybe we we could use a `useProvider(Context, ()=>expr, [deps, ...])` kind of hook (similar to the Vue `provide()` function)? ```js const IsGuest = createContext(true) const Status = () => { const isGuest = useContext(IsGuest) return <span class="status"> {isGuest} </span> } const App = () => { const [isLoggedIn, setIsLoggedIn] = useState(false) useProvider(isGuest, ()=>!isLoggedIn, [isLoggedIn]) return <Status/> } ``` Or maybe a more object-oriented approach? ```js const IsGuest = createContext(true) const Status = () => { const isGuest = IsGuest.useContext() // 👈 return <span class="status"> {isGuest} </span> } const App = () => { const [isLoggedIn, setIsLoggedIn] = useState(false) IsGuest.useProvider(()=>!isLoggedIn, [isLoggedIn]) // 👈 return <Status/> } ``` I would like to hear what you all think about this. If you all think the former syntax was preferred, then the `createContext()` function could be removed entirely and replaced with the native `Symbol` constructor.