白話找詞

我在 React 寫表單，想即時拿到使用者打的字、或想在送出前先驗證 / 限制只能打數字 / 即時顯示字數，但搞不清楚到底該用 value 還是 defaultValue，有時還跳「input 從 uncontrolled 變 controlled」的警告。

我用 Next.js / SSR，頁面一打開內容先出來、但按鈕點了沒反應，要等個半秒一秒才能互動；有時 console 還跳「內容對不起來」的警告，畫面閃一下。我想知道這個「伺服器先給靜態 HTML、再讓 JS 接手變可互動」的過程叫什麼。

我的清單有上千、上萬筆資料，一次全部渲染出來頁面就超卡、捲動一頓一頓、甚至瀏覽器快掛掉。我想要只畫出「目前螢幕看得到的那幾筆」，捲到哪畫到哪，但捲軸看起來還是完整長度。

我按愛心 / 按讚 / 加入購物車的時候，畫面要等伺服器回應才會變，整個卡卡的、要等一兩秒。我想要一按下去畫面馬上反應，像沒在等網路一樣；如果後端真的失敗了再退回去就好。

資料還在載入的時候，畫面整片空白、或只放一個轉圈圈，看起來很久、很像當掉。我想要在資料還沒來之前，先顯示一個跟最終版面長得差不多的灰色佔位框，讓人覺得快要好了。