W23 + W24_直播檢討


Posted by Christy on 2022-01-08

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 很像兩個東西合在一起才會這麼難懂。










Related Posts

v-if / v-else 使用細節

v-if / v-else 使用細節

轉職與 JS,不斷地修煉

轉職與 JS,不斷地修煉

Introducing Asymptotic Measures

Introducing Asymptotic Measures


Comments