潛水了一年,終於鼓起勇氣第二次挑戰鐵人賽。
這次將延續前一次的主題,從 React 繼續往 Next.js 學習。雖然主題不同,但是核心目標不變,一樣是希望自己能透過這三十天的挑戰,「不只要會用,還要真的懂」。另外這次預計還會搭配實作去觀察、了解 Next.js,以達成「真的懂」的目標!
雖然男主角變成 Next.js 了,畫面會以 Next.js 為主,但是 React 依然會時不時地出現。
這 30 天,就讓我們一起和 Next.js 及 React 好好相處吧 :)
大家好!我是從韓文領域不務正業到軟體產業的文科少女,目前仍然在前端的世界緩慢地努力中。先自首自己是懶鬼,第一篇直接用了上次參賽的標題改了,不過這次參賽還一樣也有...
在正式開始來看 Next.js 的更多細節內容前,先來認識一下 Next.js 是什麼以及與 React 的差異,來小小的暖身一下吧! React.js 是什麼...
昨天已經先了解了 React 和 Next.js 的關係和差異後,接著我們再進入一個深入認識 Next.js 之前需要先了解的渲染模式的部分。今天先來看看我們平...
今天我們一樣不會直接進入 Next.js 的世界,而是從回顧什麼是 SSR 開始來看 SSG 和 ISR 這兩種網頁渲染模式。(前提說明:這篇是之前在自己的部落...
這幾天看了一些很常見的渲染模式,像是 CSR、SSR 等,接著讓我們開始和男主角 Next.js 有進一步地接觸,來了解和 Next.js 有關聯的一種 com...
在 Next.js 框架中使用 SSG 或 SSR 時,使用者首次進到畫面時看到的是伺服器產生的 HTML,但是這個 HTML 只是一個靜態的頁面,也就是說他只...
昨天我們已經看了什麼是 Hydraion 了,今天接著來看在 Next.js 框架中和 Hydration 有關聯的一種常見錯誤。 看錯誤內容應該不難理解這是和...
我們在前幾天已經看了讓畫面可以有互動的 Hydration,在認識 Hydration 的同時,我們也有聊到 Hydration 可能會造成的效能問題,以及可以...
這幾天陸續看了 Hydration 和 Streaming,也去了解到 Hydration 有可能會造成什麼樣的效能問題,以及可以用什麼方法處理 Hydrati...
這幾天我們陸續了解了各種渲染模式,也從渲染模式延伸到 Hydration、Streaming 等內容,今天讓我們再把鏡頭轉給第二男主角一下下,來看看是不是也能用...