技術 [Day 13] React 狀態管理介紹：Redux、MobX 和Zustand

在 React 開發中，隨著應用程式變得愈加複雜，狀態管理也變得更加困難。今天將介紹三種常見的狀態管理工具：Redux、MobX 和 Zustand，以協助開發...

技術 Day 11 - Zustand 原理解析

什麼是 Zustand? Zustand 是一個輕量級、快速且具擴展性的狀態管理解決方案，採用簡化的 Flux 原則，並基於發布/訂閱模式和 React hoo...

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

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

技術 [Day25]我的 react 學習記錄 - Zustand

這篇文章的主要內容 簡單介紹全域管理工具 Zustand Zustand 現在 react 的相關套件裡面最使用最廣泛的全域管理工具應該是 Redux，在工作...

技術 Day 23 - 運用 Next.js 的 CSS Module 功能修改樣式

上一篇文章已經把原本新增 QR code 的 SVG 表單，重構成一個元件來使用，接下來會新增另一個元件，來製造 QR code 的 PNG 圖片。 不過在此之...

技術 Day 22 - 將表單重構成元件（下）

前情提要：上一篇把 page.tsx 中的表單部分重構整理成一個新的元件，不過搬移的過程中，有一些問題沒有處理好，所以這篇就來處理一下。 如何傳遞 errors...

技術 Day 21 - 將表單重構成元件（上）

現在 page.tsx 的程式碼已經有點多了，而且之後還要新增一個產生 PNG 的表單，所以現在就把原本產生 SVG 的表單重構成元件，這樣之後要新增表單的時候...

技術 Day 21 - 使用 Zustand 管理狀態

目前已經透過 OpenWeatherMap API 拿到現在的天氣資料，但是要怎麼將資料傳遞給 component 使用呢？ 有以下幾種方式可以傳遞資料給 co...

技術 Day 20 - 使用 Zustand 來做狀態管理

現在的頁面只有一個產生 SVG 的表單，不過我們還有一個比較簡單的產生 PNG 的表單還沒有做出來，但在做之前，我想先把目前的狀態使用狀態管理工具來管理，這樣之...

技術 營養師不開菜單的第二十三天 - Next.js 前端實戰 - 狀態管理及 RWD

前言 經過從設計到後端的細緻實作後，我們現在進入了至關重要的前端實作階段。在這個階段，我們不僅要將畫面與資料結合，更要為我們的應用程式注入靈魂。前端不僅僅是視覺...

技術 營養師不開菜單的第十三天 - 不需要 React Provider 管理狀態的 Zustand

吃水果好麻煩，買來之後洗完還要削皮去籽再切一切，但我還是想要天然的維生素礦物質啊!那為什麼我不買果汁喝就好？在使用 Redux 跟 Context API 的...

技術 React白話文運動26-Zustand 02

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

技術 React白話文運動25-Zustand 01

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