微信号:frontshow

介绍:InfoQ大前端技术社群:囊括前端、移动、Node全栈一线技术,紧跟业界发展步伐。

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

2018-04-26 19:11 前端之巅

最近,前端圈热门技术了解一下: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(同微信)。

 
前端之巅 更多文章 前端每周清单:Redux 4.0,用Kotlin重构Java应用 利用深度学习进行前端自动化开发 专访死马:为什么说Egg.js是企业级Node框架 前端每周清单:Node.js 10,npm 6提速17倍,如何设计大型JavaScript项目? 微服务下使用GraphQL构建BFF的实践
猜您喜欢 译文 | 自动化一切--DevOps是什么?DevOps相关工具整理 【福利来袭】网络安全斗鱼直播“录像+资源”大放送 不仅是 Github,SourceForge 也遭 DDoS 攻击并引起停机 携程无线APM平台 - 如何实现全球端到端性能监控 Pinterest如何基于Kafka Streams设计广告消费系统