如何一步步打造基於 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框架
- 基於MaxCompute打造輕盈的人人車移動端資料平臺
- 基於react + redux的Bone框架ReactRedux框架
- 基於react/vue的移動端終極適配方案（更新css-modules配置）ReactVueCSS
- React-native如何變為移動端的弄潮兒React
- 移動端UI框架UI框架
- 打造可降級的React服務端同構框架React服務端框架
- Dore 混合應用框架 —— 基於 React Native 的混合應用遷移方案框架React Native
- 一步步打造一個支援非同步載入資料的移動端選擇器非同步
- 基於 vagrant搭建移動端的開發環境開發環境
- 基於React企業級SPA專案搭建全記錄React
- 基於vue全家桶的移動端音樂web appVueWebAPP
- 基於vue的移動端元件vux的安裝及使用Vue元件UX
- 基於Vue的SPA如何優化頁面載入速度Vue優化
- 一個基於canvas的移動端圖片編輯器Canvas
- react移動端適配方案實踐React
- vue移動端優秀框架收集Vue框架
- Hades：移動端靜態分析框架框架
- 移動端orm框架效能測評ORM框架
- 移動端質量框架圖例框架
- 基於 xorm 的服務端框架 XGoServerORM服務端框架GoServer
- 移動端框架如雨後春筍，你該如何選擇？框架
- 基於webpack4搭建的react專案框架WebReact框架
- 【移動端開發】移動端開發基礎問題
- 基於Koa2打造屬於自己的MVC框架MVC框架
- 關於移動端rem的設定REM
- 基於Abp React前端的專案建立與執行——React框架分析React前端框架
- react+flexible適配移動端專案的配置ReactFlex
- 釋出一個react元件——react-read-pdf，用於在移動端展示PDF檔案React元件
- 基於React的全屏滑動外掛react-fullslipReact
- 基於react-transition-group的react過渡動畫React動畫
- 關於移動端元件庫元件
- React專案使用vw適配移動端React
- 基於SPA架構的GraphQL工程實踐架構
- 阿里技術分享：閒魚IM基於Flutter的移動端跨端改造實踐阿里Flutter跨端