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

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

技術 [Day16]Flux強勢來襲，推薦6款免費平台

Flux是什麼 Flux是目前最大的開源文生圖模型，由Stable Diffusion原班人馬Black Forest Labs開發，它擁有驚人的12億參數，生...

技術 React白話文運動24-React Redux

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

技術 React白話文運動23-Flux 概念

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

技術 實戰練習 - 使用 RxJS 實作 Flux Pattern

使用 React 作為前端架構的朋友對於 Flux 應該都不陌生，React 也內建了 Flux 讓我們可以直接使用，同時也有許多其他的 library 以這個...

技術 Day 22 - 二周目 - 解開 state/prop 的混亂：Flux 單向資料流暨 Redux 體驗

回憶 昨天介紹了 React 的基本概念 state/prop，它們是控制畫面渲染的變數。然而 component 的 state/prop 混合使用會使渲染邏...

技術 [ngrx/store-30] ngrx/store 完成篇

ngrx/store 完成篇 今天開始 今天完成 今天目標：完成會員報告前次已經將會員報告 store 的部分完成，接下來我們來修改跟報告有關的元件 (...

技術 [ngrx/store-29] ngrx/store 之報告篇

ngrx/store 之報告篇 今天開始 今天完成 今天目標：完成報告有關的 Action, Reducer, Effects, Selector 報告篇...

技術 [ngrx/store-13] Store 加入 select

Store 加入 select 我們的 Store 內部大致完成，但是對於客戶 (Subscriber)，我們還少了介面，在 ngrx/store 裡，給客戶的...

技術 [ngrx/store-12] Store 加完整的 Reducer

Store 加完整的 Reducer 現實的狀態跟 Reducer 通常都有幾個以上，我們來看一下多個 Reducer 的例子 多個(multiple) Red...

技術 [ngrx/store-11] Store 架構加入最簡單的 Reducer

Store 架構加入最簡單的 Reducer Reducer 是什麼？ 如果對於 Observable 的 .reduce .scan 不熟的話，建議回頭看一下...

技術 [ngrx/store-10] Store 的大架構

Store 的大架構 繼續往下做整個 Store 之前，我們先來想一下整個 Store 的架構跟資料流當元件 (component) 或是 Store 自己內部...

技術 【Day 16 React】React Flux 架構—— Store Event

上一篇文章介紹了 Flux 的基礎，今天就讓我們用 To-do app 來更深入了解 Flux 架構的運作原理吧～～～～～～ Store Change 每一次的...

技術 【Day15 React】React Flux 架構介紹

Flux Introduction 大家好，很高興可以在鐵人賽這個公眾場合上自我介紹，前幾年我也都有受邀來自介，很開心大家找我朋友 React，最後都會找到我這...

達標好文 技術 [ngrx/store-1] 有關前端的狀態管理

何謂狀態管理 (State Management) 前端工程師經常需要面對所謂的狀態管理，至於什麼是狀態 (State) 呢？舉幾個例子： 狀態 (State)...