技術 Day 28 - React 中 useContext 跟 React-MobX 的差異

useContext useContext 是 react 提供的一個 hook，可以讓我們透過讀取和訂閱元件中 context 共享元件之間的資料，主要是用來...

技術 Day 09 - 掌握 Client State：React 狀態管理的核心概念

React 的狀態類型 Client State：用戶端的狀態，包含各種和使用者狀態或互動相關的資料。 Server State：來自伺服器或 API 的...

技術 [Day 8] React Context：優雅地管理全局狀態

歡迎來到我們React學習之旅的第八天！今天，我們來認識一下React的Context API。這是一個強大的特性，允許我們在不同層級的組件之間共享資料,而無需...

技術 【Day 23】利用useReducer ＋ useContext管理複雜的狀態邏輯

我們在前幾天已經認識了useReducer和useContext的用法，今天來點進階的內容，把useReducer和useContext結合在一起使用看看。這兩...

技術 [Day14]我的 react 學習記錄 - createContext & useContext

這篇文章的主要內容 簡單介紹 createContext 跟 useContext 的用途跟使用方法。 createContext & useCont...

技術 【Day 22】 深層傳遞state！除了props還有其他方式 - proivde & inject和useContext

還記得前幾天有提到因為Vue和React都是以單向資料流為核心，所以資料的傳遞方向都必須是爺爺傳給爸爸，爸爸再傳給兒子嗎？雖然用props層層傳遞state，沒...

技術 [DAY 22] useContext 跨組件溝通傳遞資料

當專案越來越多 Components 時，為了使用 props，會將 props 層層傳入，但也許這個 Component 根本沒用到這個 props，卻為了...

技術 React白話文運動18-React Hook-useContext 02

前言 嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...

技術 React白話文運動17-React Hook-useContext 01

前言 嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...

技術 Day5-React Hook 篇-認識 useContext

讓開發者可以更容易的從母元件傳遞 state 到深層的子元件，並讓多個用到的 state 資料的元件可以隨著資料變動而更新。 語法 const value =...