搞搞就懂

使用 IIS Container 來部署前端網站，藉此熟悉相關指令語法功能。

體驗使用 FORMIK 搭配 Yup 實作表單驗證的開發模式

排除 npx 執行時產生的 code ENOLOCAL 錯誤

當設定 webpack alias 後在 import module 時可減少不少負擔，但是 VS Code 原生的 IntelliSense 並不直接支援，因此可以透過 Path Autocomplete 插件來達成目的。

以實例理解來父子組件互相溝通方式及 getDerivedStateFromProps 生命週期所扮演的角色。

為代碼品質把關的重點在於檢查與修正，千萬不要奢求大家遵循所謂的規範文件來執行，因為就連自己也會很容易就犯錯了，而最好的方式就是讓開發人員無感，自動地修正一些無關緊要的錯誤，例如排版及分號等問題，真正需要提示的訊息在列出即可，因此可透過 Eslint 來解決這類問題。

透過實例理解 Hook 技術要點，實際體驗 useState 及 useEffect 操作方式及重點所在。

讓 create-react-app 產出的專案支援 IE 11

如何在 create-react-app 產出專案中依據建置環境來切分各自的組態參數

開發 API 常會透過 ValidationAttribute 來規範 Request Model 屬性的特殊要求，預設當這些 Model 檢核不過時會以 HTTP Status 400 狀態回應，此時若團隊已有規範通用性的回應結構來傳遞所有訊息狀態時，就必須捨棄原本機制並自行定義所需的 Invalid Model State 回應方式。

透過 StyleCop.Analyzers 來針對 .NET Core 專案代碼進行規範，避免個人寫作風格太過強烈。

紀錄將 .NET Core Application 部屬至 IIS 的步驟流程

透過 ngrok 轉發，將 host 在 localhost 的服務/站台露出至 Internet 中，省去 line bot 開發時需頻繁地佈署 Webhook 才能驗證功能的困擾。

本文說明如何在 SPA 網站中加入 Google Tag Manager (GTM) ，並且透過 GTM 將資料收集至 Google Analytics (GA) 來追蹤網站內各頁面的訪問流量。

透過 webpack 打包後的檔案為靜態頁面，所以只要能通過 HTTP 訪問到該頁面就夠，其中唯一可能發生問題的就是路徑問題，這牽涉到 webpack 的設定需要與其搭配；另外當 Router 是使用 History 模式時，就需要透過 web server 設定來執行 url rewrite 機制，確保訪問到正確的檔案。

本文將介紹 Vuex 的使用方式 ( 模組化 Store )，並且利用 Vuex 掌握全站讀取中的 web api 數量狀態，自動依據該狀態來自動呈現 loading 互動效果。

網站上線前一定會歷經各個測試環境 (sit / uat) 的試煉，因此需定義出符合各環境的各項參數值，本文提供兩種方式來搭配使用，應可符合絕大多數需要調整環境參數的情境。

針對第三方套件使用的合宜性來進行審視，並透過 async component 與 webpack 代碼分割功能來實現 Lazy Loading Routes 機制，讓打包後產出的 bundle 檔案能依照各頁面需求載入所需的代碼。

筆者在套用語系時，習慣將該 key 值對應的中文語系文字當作註解一併插入，但語系文字會經常被調來調去，此時註解在畫面的文字就會有不同步的情況；本文透過 C# 實作一個同步語系文字的工具，讓「語系檔」與「語系套用註解」永遠保持一致的狀態。

在填寫多步驟式的表單資料時，若需要在回上一步後顯示先前填寫過的資料，可以使用 keep-alive 標籤包裹，讓指定的步驟組件狀態被快取，輕鬆完成這類需求。