內容取自自己在開發中踩過的那些坑,新手向的教學充斥整個網路,再加上 Chat GPT 的輔助,那些基礎的應用不會太困難,但當你正式成為一個合格的新手前端工程師之後,你要如何使自己更加茁壯,就是這系列文章的精神。
junior to senior 應該要思考的細節,例如:hook function detail, Design pattern, 檔案拆分的方式, ...等等;也讓同為 React 前端開發者的新手,能更加清楚認知自己所使用的工具。
分類的哲學 這次要分享的是大家檔案分類的進化過程,分類檔案其實也蠻有學問的,一方面是語意上的邏輯,另一方面是資料夾內的檔案性質問題,一般來說我們會盡量把開發中的...
溫馨提示 在之前架構和渲染機制的文章有提到一些渲染機制的基礎,還不熟悉的朋友可以先去閱讀那篇文章。 那麼我們今天就來聊聊如何改善 Client Side Ren...
動機 主要還是想順著開頭篇章繼續補完 React server component,所以接下來就是會碰到 Next 這個框架,因為他與 React18 合作開發...
關於渲染的構想 pre-rendering 一直是 Next.js 的核心思想,他們將其分為兩種實作方法,一個是 Rendering,也就是一般的渲染概念,另一...
ISR概念 ISR(Incremental Static Regeneration)是 Next.js 在(SSG)的基礎上做出的改進方法,讓頁面在構成之後根據...
SSR Next 的 SSR(Server-Side Rendering)的概念是在每個使用者請求時動態產生頁面內容,而不是提前產生靜態 HTML 頁面,這樣頁...
緣起 官方介紹影片連結,我也是做這個主題才知道,原來這個概念已經存在那麼久了,那我們快速講解他的成因吧! 影片整理 目的Dan Abramov 說出了我們前端開...
App Router 那我們來說說 app router 的機制吧!App Router 是 Next 13 新介紹的一種 routing 方式,與之相對過去的...
實作練習 經過前面的介紹之後,相信大家應該有基礎的理解和認知了,接下來我們一樣透過 Rick and Morty API 來練習如何在 app router 下...
Dynamic Routes 我們今天接續的做每個角色自己的頁面,來理解 Dynamic Routes 的實作層面。這部分我們可以先借一下 Next 官方的範例...