Next.js 是一個基於 React 的 FrameWork 包裝好一些 Webpack 與 Babel 還有 Router 等等 ,這次30天裡面來介紹 Next.js 各種套件組合的介紹
介紹 在設定一個 React 專案時候,通常會使用 create-React-app 這個套件來快速產出開發樣板環境,而另外一個選擇 Next.js 則包好了許...
安裝設定介紹 Next.js 在 Node 環境下安裝 react react-dom 以及 next 就可已開始使用了 npm init -y npm i...
架構介紹 在 Next.js 架構中 pages 目錄(File-System) 即 Route,pages 底下的檔案就是一個Router Container...
介紹 這兩套都是在React上常看見的 Global State Management,在REACT 因為是透過組件在拼裝,使用state與 props 在取值...
介紹在各種前後端分離的驗證方式常見的有Jwt+Passport,基層以Jwt為基礎結合各家快速登入驗證的可以少寫很多程式碼, Friebase Auth 與 D...
介紹 Material Design 是 Google 提供的一套設計標準, Material-UI 是參考其標準設計為 React 開發者使用的套件目前在 V...
介紹styled-component(以下稱SC) 是目前Css In Js 呼聲最高的一個套件。 透過 SC 可以快速產生一個具有可傳 Props 的物件同時...
介紹Typescirpt 以下簡稱 TS 是一個強型別的語言在 React 通常也可以使用 Flow 來增加型別,TS 有更多優異的功能例如智能提示,有錯誤在...
介紹Recompose 可以使用 Functional Programing 的方式去組裝元件,這樣產生出來的元件對於渲染的 Cost 會比較小,而且他的所有包...
介紹GraphQL 正紅,ApolloData 在 GraphQL 的包裝上非常用心,提供了 Cache 還有一些網路層面架構的分析包裝與語法更簡便架構更清晰的...