Instagram、LinkedIn、BAT等60＋大前端最佳實踐案例詳解

最近，前端圈熱門技術了解一下：GraphQL日趨火爆，有勝過 REST之勢，Samer Buna甚至宣傳 REST已死；PWA熱度未減，也越來越被大家所關注及應用；工程化未來將成為前端工程師關注的核心問題......技術的快速進步，似乎已經使前端工程師應接不暇，前端究竟應該如何開發，究竟應該用什麼框架，前端代碼如何部署，如何進行前後端分離成為人們爭論的焦點。

關於大前端，有哪些前沿技術和最佳實踐？

鑒於篇幅有限，這裡我們選取部分落地案例，探討大前端領域的最新技術實踐，希望可以給你一些啟發，並與你一起探索大前端的未來！

GraphQL and Apollo｜: A complete data management solution for modern apps

In this talk, I"ll go over how GraphQL and Apollo could be the first full-stack system for data management. With GraphQL as a language for specifying data requirements and Apollo as a set of technologies to orchestrate getting that data to the right place, you can build apps using React or any other framework in a fraction of the time it used to take.

Instagram｜從簡到繁：Instagram iOS團隊如何隨著產品一同成長

隨著移動開發團隊的擴大和產品功能的增加，代碼庫也迅速變得臃腫，並帶來一系列挑戰。代碼耦合、代碼搜尋和重用變得更難、merge conflict變得更頻繁、編譯速度變慢、AB試驗變得繁多。以上種種，都將導致開發效率大幅降低。Instagram iOS團隊為此做了諸多努力，確保工程團隊擴大的同時，能產生良好的協同效應。

ThoughtWorks｜微服務平台下基於 GraphQL構建 BFF的實踐與思考

在微服務下使用 GraphQL 構建 BFF 後，我們能夠給前端提供更加高效而優雅的 API 調用，同時使得微服務端的邏輯大大簡化。不同的 BFF 會關注各自的 UI 邏輯。前後端之間的耦合度也大大降低。

在本次演講中，我將涵蓋到如下內容：

什麼是 BFF 以及為什麼需要引入 BFF

GraphQL 與 REST 的對比

基於 GraphQL 構建 BFF 的實踐及思考

LinkedIn｜大型移動應用的性能優化實踐

LinkedIn App 包括了數十個業務線，擁有超過 5億名註冊用戶，iOS/Android各有 300+名工程師，項目代碼行數超過 400萬行。如此龐大的項目，帶來諸多性能上的挑戰，線上穩定性、端上使用性能、編譯性能、應用包體積等。本次演講將分享 LinkedIn的性能優化技術體系，及其在大型移動應用中的實踐。

美團｜美團點評客戶端基於響應式的架構實踐

客戶端函數響應式編程的開發方式已經被越來越多的開發者接受，MVVM架構也是行業內普遍認可的一種開發方式。本次演講將給出一種基於自研框架 EasyMVVM的 iOS應用開發解決方案，結合我們團隊從 ReactiveCocoa吸取經驗到 EasyMVVM的創造過程，從結合業務併兼顧性能的角度如何考量進行逐一的回顧。重點探討了如何降低響應式編程的門檻、MVVM業務範式、業務模塊復用等技術問題，為 iOS應用開發提供一種新的可借鑒思路。

阿里｜阿里 Node.js運維和開發最佳實踐

現有的 Node.js 體系下，運維和開發已經密不可分。阿里使用 Node.js 多年，已經形成了一套完善的開發和運維體系，讓應用管理變的更加簡單，讓框架和應用開發者能夠更加靈活地監控自己的應用，讓運維標準化有更加直觀的體驗。

演講主要包括：

應用可用性介紹

阿里的 Node.js 框架體系

開發中解耦和分層

擴展測試能力

在開發中運維

單機運維

集群運維

支付寶｜後工程化時代的通天塔

工程化通常都會經歷兩個階段，工具化和自動化。第一個階段中，通過創造足夠多的工具能讓一些比較繁瑣的、重複性強的工作變得容易起來。有了足夠多的工具後，自然就會朝著研發中各個環節的自動化上努力。在我的團隊工程化實踐中，對其中的一些難點做了技術上的突破，甚至將設計也納入到自動化的環節中。這些突破將在此演講中分享給大家。

百度｜在 PWA 中使用 App Shell 模型提升性能和用戶感知體驗

在構建 PWA 應用時，使用 App Shell 模型能夠在視覺和首屏載入速度方面帶來用戶體驗的提升。另外，在配合 Service Worker 離線緩存之後，用戶在後續訪問中將得到快速可靠的瀏覽體驗。在實踐過程中，藉助流行框架與構建工具提供的眾多特性，我們能夠在項目中便捷地實現 App Shell 模型及其緩存方案。最後，在常見的 SPA 項目中，我們試圖使用 Skeleton 方案進一步提升用戶的感知體驗。

會後兩天深度培訓

想更深入地學習熱點技術嗎？GMTC特設為期 2天的技術深度培訓，邀請業內資深專家圍繞 React Native、Node.js、前後端分離等熱門前端技術，展開從入門到實踐的落地分享。

《深入理解前後端分離理論與實踐》彭星，百度資深前端工程師，Lavas團隊負責人

《從 0到 1系統掌握 React Native深度技術》趙辛貴，攜程無線研發總監

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！