Webpack + React全棧工程架構項目
阿新 • • 發佈：2019-01-08
使用 技術 是我 ejs 狀態 還要 詳情 dev 升級
第3章 項目架構
我們開始進行項目配置。從React的基本，React-Router和Mobx的store，並完成一個簡單的前端Demo。在進行完這些前端配置之後，我們聯合服務端渲染，在服務端也加入路由跳轉和數據獲取的功能，達到基礎的前後端同構。同時我們還要聯調Cnodejs的開放API，讓我們的應用可以訪問到數據。...
第4章 業務開發
從這裏開始我們就進入業務開發的環節。首先我們要使用Material-ui組件庫，我們要配置組件庫的服務端渲染，並展示組件庫的基本使用方法。然後我們進行主要的業務開發，包括話題列表、話題詳情、登錄、用戶詳情、話題發布等功能。最後我們升級服務端渲染，讓用戶的登錄狀態可以一直保持。...
第5章 項目編譯打包上線
主要講述正式環境的代碼打包和部署。我們最大限度得優化代碼打包，讓我們能最大限度得利用瀏覽器緩存加快用戶訪問速度。其次我們將打包完成的代碼上傳到七牛CDN，加快靜態資源的加載速度，並且這個上傳過程也做到自動化。最後我們利用nginx和pm2在服務器上部署我們的項目，讓外網用戶可以訪問我們的網站。並且我們加入了一...
第6章 課程總結
對課程進行整體的回顧與總結
第1章 課程介紹
我們主要對市面上不同的前端項目類型進行一個簡單介紹，並同時介紹不同類型的適合怎麽樣的技術選型。並且我們對現在主流的一些前端技術逐一進行簡單介紹，講解其特點以及適合解決什麽類型的問題，希望同學們能在這章裏面對市面上的主流前端有一個大致的了解，能幫助你今後遇到不同的類型的項目時判斷技術選型。...
第2章 工程架構
我們正式開始從零開始搭建webapp項目。首先建立最基礎的webpack配置，nodejs服務，webpack-dev-server的配置，以及基礎的服務端渲染配置。最重要的是我們配合webpack，在開發時用效率最高的方式拿到服務端渲染的bundle，並可以方便地在開發時調試服務端渲染的代碼。...
第3章 項目架構
我們開始進行項目配置。從React的基本，React-Router和Mobx的store，並完成一個簡單的前端Demo。在進行完這些前端配置之後，我們聯合服務端渲染，在服務端也加入路由跳轉和數據獲取的功能，達到基礎的前後端同構。同時我們還要聯調Cnodejs的開放API，讓我們的應用可以訪問到數據。...
第4章 業務開發
從這裏開始我們就進入業務開發的環節。首先我們要使用Material-ui組件庫，我們要配置組件庫的服務端渲染，並展示組件庫的基本使用方法。然後我們進行主要的業務開發，包括話題列表、話題詳情、登錄、用戶詳情、話題發布等功能。最後我們升級服務端渲染，讓用戶的登錄狀態可以一直保持。...
第5章 項目編譯打包上線
主要講述正式環境的代碼打包和部署。我們最大限度得優化代碼打包，讓我們能最大限度得利用瀏覽器緩存加快用戶訪問速度。其次我們將打包完成的代碼上傳到七牛CDN，加快靜態資源的加載速度，並且這個上傳過程也做到自動化。最後我們利用nginx和pm2在服務器上部署我們的項目，讓外網用戶可以訪問我們的網站。並且我們加入了一...
第6章 課程總結
對課程進行整體的回顧與總結
下載地址：百度網盤下載
Webpack + React全棧工程架構項目