發現MDN 文件範例不同語系有不同的實作

這真的很特別，今天在看MDN 文件時，發現範例上的程式碼既然會因為不同語系而有不同的

實作，這真的很神奇...

如何偵錯 React 專案

之前看到 vue 陣營，有瀏覽器相關外掛可以快速觀察值的變化，不知道 react 有沒有類似的擴充

套件？答案是有的，快點來看一下吧...

插入閱讀更多...

一般在瀏覽器下中斷點同樣適用

另外一種，官網有介紹的 React Developer Tools，屬於瀏覽器擴充套件(chrome)

安裝之後可以快速觀察 app 元素或相關值的變化

安裝後瀏覽器開發工具會出現 Components 以及Profiler 頁籤，這樣幫助開發

另外一種，是使用 VSCode 的擴充套件 JavaScript Debugger (Nightly)

安裝之後，在專案按下「F5」，此時會彈出 lanuch.json 檔案

置換 url 屬性值，替換為你的站台url 

然後，再你要觀察的位置下中斷點，重新整理頁面

其中，右上方也有可以方便操作偵錯的控制項

以上就是可以偵錯的方式

如何建立 React 專案

開始學習 React ，第一步當然是要將建立專案，檢視官網的Quick Start，覺得很神奇為何

沒有建立 react 專案的語法，即使找到也是建立 next.js 專案

試試看透過AI 學習 React

再學習 React 時候，有個頁面渲染的機制需要熟悉，突然想到這類的問題，不知道 AI 解釋的如何，

故以下就將實驗的部分過程記錄下...

插入閱讀更多...

以下是透過 vite 建立的 react 專案

其中，我想探討 count 被渲染的機制，片段程式碼如下

先來詢問 Claude Ai

再追問

其實回答的很不錯

接著來詢問 ChatGPT

同樣再次追問

以上兩者的回答都很不錯，相關總結也都到位

SQL Server 顯示文字長度最大 65535？

這是難得的經驗能夠遇到這樣的情境，比對測試資料時，透過SSMS 下TSQL 撈出來的欄位

值為何比預期差很多，一開始以為是原本塞進去的資料就不完全...