W23 + W24_直播檢討

Q1: 「 react router 搭配 window.scroll 」，老師可以稍微提點一下這邊嗎，spa 換頁會還停留在原位的問題

A1: google 「 react router 搭配 window.scroll 」，會有參考資料：Scroll Restoration

註：例如在首頁滑到下面，換頁的時候，應該會顯示最上面，但是也會跟著在同樣位置的問題，我的頁面不夠長，我沒有意識到這個問題。

Q2: 一般公開頁面都會怎麼處理 SPA 的 SEO 問題，通常是搭配 SSR 處理，還是搭配一些 pre-render 套件多？

A2: 搭配 SSR 處理比較多，用 Next.js 比較常見，pre-render 沒什麼看過。

Q3: 請問 redux toolkit 在處理外部 API 的時候，如果想做錯誤處理，一般會寫在 thunk 裡面嗎，還是在 dispatch() 的時候做錯誤處理?

A3: 寫在 thunk 裡面比較多

Q4: 老師好，關於 week21 作業三，想問如果是老師的話會用甚麼方式規劃表單的 state 呢，主要是想看是老師的話 state 會開幾個、還有老師規劃的順序為何(不知道是不是這樣講)。因為看同學的作業寫法都差滿多的，還是只要運作的邏輯有正確，其實怎麼寫都可以呢？謝謝老師！

A4: 邏輯正確的確要怎麼寫都還好，是老師的話會用看起來最不可能，但是一個輸入框一個 state。或者可以用現成套件 formik

Q5: 老師我使用 react-query 想印出 data （data是可以傳入的參數，他會印出拿到的結果），卻怎麼印都是 undefined ，但是 response 是有回傳內容的，想問是不是在使用 react-query 上面有什麼忽略的地方，還是我誤會什麼了，因為我想要做重複查詢，會需要重複發 request

A5: 如果有程式碼，會比較容易 debug，老師沒用過 react-query 也看不出來問題在哪邊。

Q6: 老師有履歷範本可以參考嗎，還有想問，履歷上的專案如果有做完 final project 是不是只要放 final project 就好，因為其餘作業的規模不夠大，加上跟其他求職者的可能很雷同，貴精不貴多（？）

A6: 對，final project 再加上一到兩個作業，或者多加幾個功能，自己做類似的東西，讓你的履歷看起來更豐富。

INT101 有履歷範本。

Q7: 可以請老師稍為講解一下 week24 Redux 作業的刪除文章跟編輯文章怎麼寫嗎 QQ

A7: 先不要管 redux，先做出刪除跟編輯；做好以後再把它做成 redux thunk 版本

Q8: onClick = {handleDelete(id)},onClick = {() => handleDelete(id)} , const handleDelete = (id) =>{} 老師可以再講解一次這三個的差別嗎，我知道差別卻好像講不清楚 ><

A8: 12'26": 也講了 handelClick 與 handleClick() 的差別，跟 W16 講的 closure 概念有關。

Q9: 可以講解一下 ES6 的 generator function 嗎，看 Redux Saga 的時候不是很懂 XD

A9: [Javascript] ES6 Generator基礎

建議拿 generator function 去試，不要直接用 Redux Saga 去看，試到最後就會有感覺，generator function 很像兩個東西合在一起才會這麼難懂。