-
next 13 - Next 環境建置及技術選型
今天我們要來講如何做 Next 的環境建置，以及為 Next 的專案做技術選型，未來的程式範例以及專案實作都會以這個技術選型基礎為準喔！ 環境建置 Node.js: 首先需要 Node.js ，Next 官方文件 要求 Node.js 需要有 16.... -
next 13 - Next 13.4 - 全新版本的 Next
升版後的 Next
Next 在今年升版到 13.4，並增加了許多新的功能，同時也大幅翻轉了原先的寫法。
總的來說，新版本的 Next 將 data fetch 的層級拉低到 component，並增加了 component 的彈性，相較過去 (page router) 的寫法有了更多活用的可能性。
接著讓我們來認識一下升版後的 Next 吧！ -
next 13 - Next 是什麼？
今天會介紹一下 Next 是什麼、為什麼要使用 Next，來幫助一些沒什麼接觸 Next 的朋友快速認識什麼是 Next。 Next 出現背景 如同上一篇講的，Next 是一個基於 React 的全端框架，目的是為了解決用 React 建置網站時存在... -
next 13 - Nextjs 13 簡介 & 選擇題目理由
前言 隔了一年，我又來鐵人賽挑戰自我啦！去年寫的是 React 的介紹 ，實際進入業界後發現 React 的生態系比自己想像的更廣更深，還有很多東西可以深挖。 這次想要來介紹 React 的全端框架 - Next.js ，探索升級後的 Next.js... -
Redux Saga 是什麼？異步處理方案 Redux Saga 教學
Redux Saga 是一個專門處理 Side Effect 的 Middleware，尤其是在處理非同步的讀取（如串接 API），可以幫助我們更好的使用非同步的功能。 基本概念 Saga 是一個 Middleware，因此他會在 dispatch ... -
Redux - 基本: store, dispatch & selector
前一篇已經介紹了 action、reducer 了，這一篇繼續介紹 store 、 dispatch 以及 selector。 store store 是儲存 reducer 的資料儲存庫，之前建立的 reducer 都會存放在這裡。 要創建一個 ... -
Redux 基本教學: Redux Actions 和 Reducer
Redux 是一個資料（狀態）管理套件，他是參考 meta 公司提出的 Flux 架構實作而出的。 Flux Flux 是一種設計方式，為了控制狀態與 view 的資料流不會過於繁雜，因而設計了一套將資料與 view 分離的模式，即是 Flux 。 ...
