鐵人檔案
既然我們已經理解、實作完基本的狀態機了，我們今天來多看看一些狀態圖，並且思索在現實世界中，我們還缺少甚麼東西，首先我們從簡單的開始，慢慢往下進行。 1.門閥開...
回想一下至今認識過的狀態機範例裡，我們目前所見的，都是針對一個物體、物件的小小部分出發，比如 RPG 的移動模組，假設今天不只有移動，我們還需要攻擊的模組、技能...
以昨天的例子而言，我們的 input 有 [Invalid / Valid]、[Disabled / Enabled]、[Changed / Unchanged...
同樣的例子。假設這次我希望某些狀態是依賴於某些狀態的！ 比如說有輸入有效(valid)跟輸入無效(invalid)，是依賴於 input 是否改動過(chang...
我們目前所學到的狀態機已知，我們能透過 transition 限制狀態轉換的路徑 對的 state 碰上對的 event ，才能轉移狀態(transition)...
回顧 Finite State Machine 1. 什麼是一個 State ? 一個 state 是指某個 物件 / 實體 / 行為系統，在某個時機點 /...
身為開發者，每次規劃、開發都面臨無數的判斷、種種的選擇，為什麼要學這個、為什麼要導入那個？我們最害怕的冒然導入新東西進一個專案，然後 GG～ 尤其是新東西一出來...
還記得我們在 Day 09、Day 10 有 2 個自製版本的 createMacine [Day 09] 的 createMacine 是 Pure func...
1. 寫好 Machine Config 傳入 createMachine API const doorMachine = createMachine({...
1. Action 與 Side Effect 昨天，我們確認了狀態能被儲存起來，然而我們這個開門，只是狀態轉換成「開了」這個字串而已，我們沒有實際執行任何 S...
