今天要來介紹的是狀態管理，透過狀態管理可以使每個元件都能夠取得一致的狀態，也能透過此方式來進行參數傳遞，加上之前介紹的元件傳值技巧，魔術技巧 - 父子溝通問題與魔術技巧 - 傳值技巧，這就是目前 Blazor WebAssembly 元件傳值的三種技巧。

今天要來介紹在 Blazor WebAssembly 與 JavaScript 的互動方式，也就是 JavaScript interop，畢竟目前有些行為如果不透過 JavaScript 是無法實現的，如在魔術技巧 - 取得元件參考提到的 Focus 元素等 DOM 的操作 ，與使用 windows 物件提供的成員。所以目前的 Blazor WebAssembly 還是需要借助撰寫 JavaScript 來達成特地行為。

網頁內容如果不與後端互動大致上，每次操作都會看到相似的內容，而且難以調整，所以今天要來介紹跟後端互動的方法。

終於要來講解相依性注入(dependency injection)，一起來看看如何在 Blazor WebAssembly 中使用相依性注入吧！

今天要來介紹元件的版面配置，透過版面配置元件來設置元件的版型，例如版型中的排版只有頁首(公司的名稱、LOGO 等等訊息)、頁尾(關於我們、聯絡我們等等訊息)、跟中間兩欄(一欄導覽列、一欄內容)，或者其他常見的版型都可以透過此方法，來使真正差異部分(通常是內容)以外的地方能夠重複利用。

Blazor WebAssembly 的核心就是元件，所以今天也是介紹元件的觀念。

今天要講的也是元件的技巧，當我們想要把內部元件的 UI 交給外部決定時，就可以考慮使用樣板化元件。

今天是中秋節，祝大家中秋節快樂，今天要介紹的主題，雖然篇幅不多，但也是一個很重要的技巧。

昨天講解了父子元件溝通問題，而今天我們的目標是透過介紹內建輸入元件時提到的 InputBase<TValue> 來建立客製化輸入元件。

今天要來正式介紹客製化元件了，說是客製化元件，其實也就是釐清元件之間的相處模式，父元件與子元件如何溝通的問題。在開發階段的時候，往往都會發現一個元件的某個部分，與另一個元件的某個部分高度重疊，此時當某一處需要調整時，可能也會需要同步修改另一處，那麼將重複的部份抽成共用元件就會變得很簡單。