如何一步步打造基於 React 的移動端 SPA 框架
前端各種新技術層出不窮,且各具特色,令人眼花繚亂。那麼,對於一個前端團隊,在碰到實際問題時,如何合理落地新技術,利用它來提升開發效率和產品質量是一件非常有挑戰的事情。本次分享的話題就是如何拋開 demo,從實際專案出發,一步步打造基於 React 的移動端 SPA 框架。涉及技術棧: ReactJS,Redux, webpack, NodeJS, Express,ES6。主要內容包括:
- 構建前端業務框架前的思考
- 技術選型與實用性分析
- 構建指令碼執行生命週期和開發流程
- 前端元件化,模組化,外掛化,服務化的應用
- Hybrid 效能痛點及處理方案
- SPA 和 Reactjs 結合痛點及方案
- 同構:基於 NodeJS 的 SPA SEO 解決方案
- 我們如何實現工程化,自動化
作者/分享人:喻珍祥,攜程港澳研發部高階研發經理,2004 年接觸網際網路前端開發,見證前端開發從美工到全棧開發的全過程。2014 年加入攜程,主要負責永安旅遊 APP 移動前端架構和研發。
閱讀全文: http://gitbook.cn/gitchat/activity/5a0a862afa9a111e9bbbe2be
一場場看太麻煩?成為 GitChat 會員,暢享 1000+ 場 Chat !點選檢視
相關文章
- 實現基於React的移動端Swiper元件React元件
- 基於VUE移動端UI好用框架VueUI框架
- 一步步打造一個移動端手勢庫
- 基於react16 webpack3 搭建前端spa基礎框架 react-router的4種非同步載入方式ReactWeb前端框架非同步
- 基於AI的移動端自動化測試框架的設計與實踐AI框架
- 基於react + redux的Bone框架ReactRedux框架
- 基於MaxCompute打造輕盈的人人車移動端資料平臺
- 基於react/vue的移動端終極適配方案(更新css-modules配置)ReactVueCSS
- 移動端UI框架UI框架
- 打造可降級的React服務端同構框架React服務端框架
- React-native如何變為移動端的弄潮兒React
- 移動端基於動態路由的架構設計路由架構
- 基於weex的考拉移動端動態化方案
- 前端框架對於未來web移動端的影響前端框架Web
- 自己從頭搭建了一個移動端React專案框架React框架
- 基於 vagrant搭建移動端的開發環境開發環境
- 一步步打造一個支援非同步載入資料的移動端選擇器非同步
- 基於React企業級SPA專案搭建全記錄React
- 基於react native打造屬於自己的部落格appReact NativeAPP
- 基於vue全家桶的移動端音樂web appVueWebAPP
- 基於 Vue 的移動端圖片檢視外掛.Vue
- Dore 混合應用框架 —— 基於 React Native 的混合應用遷移方案框架React Native
- 基於vue的移動端元件vux的安裝及使用Vue元件UX
- React 服務端渲染實現 Gank 移動端React服務端
- 基於Vue的SPA如何優化頁面載入速度Vue優化
- 一個基於canvas的移動端圖片編輯器Canvas
- React + Redux 做的OW組隊移動端WebReactReduxWeb
- react移動端適配方案實踐React
- vue移動端優秀框架收集Vue框架
- 移動端orm框架效能測評ORM框架
- 移動端質量框架圖例框架
- 移動端框架如雨後春筍,你該如何選擇?框架
- 基於 xorm 的服務端框架 XGoServerORM服務端框架GoServer
- 如何打造以人為本的移動遊戲遊戲
- 【移動端開發】移動端開發基礎問題
- 基於Koa2打造屬於自己的MVC框架MVC框架
- React 服務端渲染框架 Next.js 基於 Gank api 實戰React服務端框架JSAPI
- 基於webpack4搭建的react專案框架WebReact框架