快速建立 Next js 開發環境筆記 ( ESlint + StyleLint + Prettier )![Mark Ku]()
目的 ESlint + StyleLint + Prettier 己經現今前端開發協作相當重要的工具，他可以讓團隊有一致的程式碼風格及規範，並透過 Vscode…
July 29, 2022
1 min
Frontend 44
解決 Nextjs image loader 造成，docker image 肥大的問題![Mark Ku]()
問題 透過 next/image 元件的載入圖片，都會透過 next server 去調整圖片大小，圖片路徑會渲染成: 對系統的影響 next 伺服器渲染的效能的消耗 docker…
July 26, 2022
1 min
React 學習筆記 - 路由 ( Router ) - Part's 5![Mark Ku]()
路由的原理 路由的原理，依據 url 請求，動態去載入相對應的元件。 安裝 react router ( 最常見 ) 使用方法 React 路由用法主要是由這三個所組成 BroserRouter…
July 23, 2022
1 min
React 學習筆記 - 何謂 React Hook、副作用、Loading、錯誤處理、上下文關係(Context) - Part's 4![Mark Ku]()
何謂 React Hook Hook 是 React 16.8 中增加的新功能。它讓你不必寫 class 就能使用 state 以及其他 React 的功能。 (from…
July 23, 2022
1 min
React 學習筆記 - state、props、setState、binding this - Part's 3![Mark Ku]()
state 和 props 的區別 在 react 中會觸發重新渲染的主要是 props 及 state 1. props 是元件外部傳入的參數，只讀屬性， 是不可變的 ( Immutable…
July 23, 2022
1 min
React 學習筆記 - 框架優勢、XSS、CSS in JS 使用方式 - Part 2![Mark Ku]()
react 學習筆記 react 框架的成功關鍵 雙向挷定的問題 雙向挷定主要透過數據的改變，動態改變 UI…
July 22, 2022
1 min