技術 Day 24 - React 基礎實作練習：輸入授權碼

React 官方文件目前已結束第三章，進入最後一個章節的學習前，最後幾天的鐵人賽以實作的練習來複習所學習過的內容吧。今天要來練習輸入授權碼的表單製作。要讓使用者...

技術 Day 21 - 保存和重置 state

昨天學了元件間如何共用 state，今天要來看如何保存和重置 state。 今天的內容： UI 樹中的位置 在相同的位置的相同元件 在相同位置的不同元件 在相...

技術 Day 16 - 在 state 中更新物件

昨天學習了 React 的 batching 的概念、「替代」和「做」的區別、當次渲染的邏輯，今天要來學習如何在 state 中更新物件。學習前讓我們再次回憶起...

技術 Day 15 - React 渲染：排隊任務

目前我們掌握了 React 渲染的機制，也就是渲染會經過的三個階段，也了解到在 re-rendering 的過程中發生了什麼事情。還沒完，今天要來學習「排隊任務...

技術 Day 13 - 在React中使用state

今天要來學習state的應用，內容包含： 認識state 操作方法 stateHook 什麼是state? 如何理解 state，字面上的意思就是當前的程式...

技術 Day 24: Before Pinia - 什麼是狀態(state)？為什麼需要狀態管理器？

前言 Vue 文件常常出現 "state" 這個單字，像是在 Reactivity Fundamentals 篇章中，會用 "st...

技術 【D16】 小工具：轉換字串編碼（part 2）

先前問題與解法 於昨日探討 React 避免太多的轉譯（Render）動作，因此改變 state 並不會馬上反應，會需要等到批次作業，因此需要取得另外處理。 第...

技術 第 21 天：狀態管理

說到底，其實所有應用程式的背後都跟資料有關。而 UI 的功能，就是將資料「呈現」給使用者看，或是讓使用者可以「操作」資料。所以 UI 往往不只是「靜態」的畫面，...

技術 [DAY10]了解React State＆props的實際範例

看完了那麼多文字之後，勢必須要一點實際範例來幫助我們更了解React State＆props的實際作用吧!今天的範例都會參考React官網範例。 首先來看看pr...

技術 [DAY09]認識什麼是React State＆props?

今天我們要來介紹的是React State，那什麼是React State呢？簡單來說，state是屬於某一個Component裡面的資料，而且React會對S...

技術 IT鐵人DAY 17－State 狀態模式

　　今天介紹的State Pattern與昨天的Strategy Pattern非常的相似，不過它們之間到底有沒有甚麼差別呢？現在就帶你一起來了解！ 問題情境...

技術 [DAY19]進階應用 - 元件內部State的應用

什麼是State 當我們在設計某些功能時，會需要把值暫時保存起來並存至變數供日後使用，state就像component裡的變數，當UI要顯示某個state，就可...

技術 了解 React state 與簡單實作

挑戰 React 第十二篇 什麼是 React state? 我們上篇有提到，可使用 props 渲染我們要的資訊，但props是唯讀的，那萬一我要在 comp...

技術 [Design Pattern實例] 在ASP.NET Core利用狀態模式來製造View Model

在ASP.NET Core利用狀態模式來製造View Model Scenario 我們在Day26時，利用了建造者模式來製造View Model。在這個例子，...

技術 別讓老闆和USER再問你好了沒? 隨時更新工作狀態吧! (State 狀態模式)

State 狀態模式 需求描述 Amy(PO): As a 提需求單的使用者I want 需求單管理系統支援在某個需求的狀態改變時，記錄時間並以Email通知...