搞搞就懂

使用 ReactDOM.createPortal 可將子元素渲染到外部任意 DOM 節點中，避免子元素因父元素的樣式影響無法正常顯現，其中最常受父元素屏蔽影響的例子就是 Modal 彈跳視窗，本文簡單介紹如何實作通用性的 Modal 組件。

透過 React.cloneElement 注入新 props 至組件中的特性，賦予 Wizard 組件中各步驟子組件的操作功能。

於網頁中放置 git commit ID 作為版本參考資訊，提供線上網站版本識別依據。

使用 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) 的試煉，因此需定義出符合各環境的各項參數值，本文提供兩種方式來搭配使用，應可符合絕大多數需要調整環境參數的情境。