Instagram、LinkedIn、BAT等60+大前端最佳实践案例详解丨技术大会

最近，前端圈热门技术了解一下：GraphQL日趋火爆，有胜过 REST之势，Samer Buna甚至宣传 REST已死；PWA热度未减，也越来越被大家所关注及应用；工程化未来将成为前端工程师关注的核心问题......技术的快速进步，似乎已经使前端工程师应接不暇，前端究竟应该如何开发，究竟应该用什么框架，前端代码如何部署，如何进行前后端分离成为人们争论的焦点。

InfoQ中国团队为大家梳理了目前大前端领域的最新动态，并邀请到了来自 Instagram、LinkedIn、BAT、360、美团等 60+国内外一线前端大牛前来分享他们的前端前沿技术和最佳实践，更有会后 2天深度培训让你从 0到 1系统掌握热门技术，应该能学到不少东西，更多干货可点击文末阅读原文详细了解。

关于大前端，有哪些前沿技术和最佳实践？

鉴于篇幅有限，这里我们选取部分落地案例，探讨大前端领域的最新技术实践，希望可以给你一些启发，并与你一起探索大前端的未来！

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深度技术》赵辛贵，携程无线研发总监

好了，内容展示就到这里，案例没看过瘾？还想了解更多大咖的分享？目前大会 8折报名进行中，欢迎点击“阅读原文”了解详情！如在报名过程中有任何问题，可咨询票务小姐姐寻求帮助：18514549229（同微信）。

关注公众号：拾黑（shiheibook）了解更多

[广告]赞助链接：

四季很好，只要有你，文娱排行榜：https://www.yaopaiming.com/
让资讯触达的更精准有趣：https://www.0xu.cn/