iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Modern Web

Next.js + 各種套件組合 系列

Next.js 是一個基於 React 的 FrameWork 包裝好一些 Webpack 與 Babel 還有 Router 等等 ,這次30天裡面來介紹 Next.js 各種套件組合的介紹

參賽天數 26 天 | 共 30 篇文章 | 38 人訂閱 訂閱系列文 RSS系列文 團隊線上讀書會
DAY 1

Next.js 功能及介紹

介紹 在設定一個 React 專案時候,通常會使用 create-React-app 這個套件來快速產出開發樣板環境,而另外一個選擇 Next.js 則包好了許...

2017-12-04 ‧ 由 polo 分享
DAY 2

Next.js & Server

安裝設定介紹 Next.js 在 Node 環境下安裝 react react-dom 以及 next 就可已開始使用了 npm init -y npm i...

2017-12-05 ‧ 由 polo 分享
DAY 3

Next.js & Layout

架構介紹 在 Next.js 架構中 pages 目錄(File-System) 即 Route,pages 底下的檔案就是一個Router Container...

2017-12-06 ‧ 由 polo 分享
DAY 4

Next.js & Redux and Mobx

介紹 這兩套都是在React上常看見的 Global State Management,在REACT 因為是透過組件在拼裝,使用state與 props 在取值...

2017-12-07 ‧ 由 polo 分享
DAY 5

Next.JS & Firebase Auth

介紹 在各種前後端分離的驗證方式常見的有Jwt+Passport,基層以Jwt為基礎結合各家快速登入驗證的可以少寫很多程式碼, Friebase Auth 與...

2017-12-08 ‧ 由 polo 分享
DAY 6

Next.js & Material-UI

介紹 Material Design 是 Google 提供的一套設計標準, Material-UI 是參考其標準設計為 React 開發者使用的套件目前在 V...

2017-12-09 ‧ 由 polo 分享
DAY 7

Next.js & Styled-component

介紹 styled-component(以下稱SC) 是目前Css In Js 呼聲最高的一個套件。 透過 SC 可以快速產生一個具有可傳 Props 的物件同...

2017-12-10 ‧ 由 polo 分享
DAY 8

Next.js & Typescript

介紹 Typescirpt 以下簡稱 TS 是一個強型別的語言在 React 通常也可以使用 Flow 來增加型別,TS 有更多優異的功能例如智能提示,有錯誤...

2017-12-11 ‧ 由 polo 分享
DAY 9

Next.js & Recompose

介紹 Recompose 可以使用 Functional Programing 的方式去組裝元件,這樣產生出來的元件對於渲染的 Cost 會比較小,而且他的所有...

2017-12-12 ‧ 由 polo 分享
DAY 10

Next.js & ApolloData(一) 基本設定

介紹 GraphQL 正紅,ApolloData 在 GraphQL 的包裝上非常用心,提供了 Cache 還有一些網路層面架構的分析包裝與語法更簡便架構更清晰...

2017-12-13 ‧ 由 polo 分享