iT邦幫忙

鐵人檔案

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

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

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

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

Next.js & React-GA

介紹 Google Analytics 在 React常被使用到的就是 react-ga套件,通常會為了不要每一隻程式碼都加入Ga所以會把這個import到 l...

2017-12-24 ‧ 由 polo 分享
DAY 22

Next.js & StoryBook (ㄧ)

介紹 storybook 是一個視覺化溝通的好工具,同時也可以寫測試或是與客戶溝通的好物,在React中可以直接對元件抽出來寫一個元件的各種情境。 安裝 np...

2017-12-25 ‧ 由 polo 分享
DAY 23

Next.js & StoryBook (二)

介紹 StoryBook除了展示元件的功能之外也可以順便結合來寫測試,一般在測試UI時,需要考慮不同的層面也要選擇使用的工具和技術。那寫測試的原因不外乎快速找到...

2017-12-26 ‧ 由 polo 分享
DAY 24

Next.js & StoryBook (三)

介紹 StoryBook 前篇提到了幾個測試的方法這次介紹 兩種測試 介紹,手動檢閱的部分storyboook就是一本讓你寫好元件故事的框架,只要把故事寫好人工...

2017-12-27 ‧ 由 polo 分享
DAY 25

Next.js & Firebase Database (一)

介紹 Firebase 強調是realtime的 Database 所以常會被拿來當作導航定位 或是聊天室即時通訊的Database這次來介紹一下 Web AP...

2017-12-28 ‧ 由 polo 分享
DAY 26

Next.js & Firebase Database (二)

介紹 上篇介紹結構與基本設定,這次介紹的Read跟Write的部分,一樣使用官方的範例來說明,這邊有一點先說明一下因為Firebase是Real Databas...

2017-12-29 ‧ 由 polo 分享
DAY 26

Next.js & Electron

介紹 Electron 是可以做一個跨平台的桌面應用軟體。 Electron 是個用 JavaScrtip、HTML 及 CSS 等網頁技術開發原生應用程式的框...

2017-12-31 ‧ 由 polo 分享

Next.js & Next-router

介紹 Next.js 因為有filesystem的 router 可以使用,並且有一些 code splitting與 prefetch的功能 ,但是如果要使用...

2018-01-03 ‧ 由 polo 分享