Instagram、LinkedIn、BAT等60+大前端最佳实践案例详解
消息来源:baojiabao.com 作者: 发布时间:2024-05-12
最近,前端圈热门技术了解一下: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深度技术》赵辛贵,携程无线研发总监
相关文章
- 中兴受美国制裁事件 被罚了20亿美元过程事件始末 中兴被制裁后公司现状
2023-11-02 22:12:46
- B站怎么炸崩了哔哩哔哩服务器今日怎么又炸挂了?技术团队公开早先原因
2023-03-06 19:05:55
- 苹果iPhoneXS/XR手机电池容量续航最强?答案揭晓
2023-02-19 15:09:54
- 华为荣耀两款机型起内讧:荣耀Play官方价格同价同配该如何选?
2023-02-17 23:21:27
- google谷歌原生系统Pixel3 XL/4/5/6 pro手机价格:刘海屏设计顶配版曾卖6900元
2023-02-17 18:58:09
- 科大讯飞同传同声翻译软件造假 浮夸不能只罚酒三杯
2023-02-17 18:46:15
- 华为mate20pro系列手机首发上市日期价格,屏幕和电池参数配置对比
2023-02-17 18:42:49
- 小米MAX4手机上市日期首发价格 骁龙720打造大屏标准
2023-02-17 18:37:22
- 武汉弘芯遣散!结局是总投资1280亿项目烂尾 光刻机抵押换钱
2023-02-16 15:53:18
- 谷歌GoogleDrive网云盘下载改名“GoogleOne” 容量提升价格优惠
2023-02-16 13:34:45
- 巴斯夫将裁员6000人 众化工巨头裁员潮再度引发关注
2023-02-13 16:49:06
- 人手不足 韵达快递客服回应大量包裹派送异常没有收到
2023-02-07 15:25:20
- 资本微念与李子柒销声匿迹谁赢? 微念公司退出子柒文化股东
2023-02-02 09:24:38
- 三星GalaxyS8 S9 S10系统恢复出厂设置一直卡在正在检查更新怎么办
2023-01-24 10:10:02
- 华为Mate50 RS保时捷最新款顶级手机2022多少钱?1.2万元售价外观图片吊打iPhone14
2023-01-06 20:27:09
- 芯片常见的CPU芯片封装方式 QFP和QFN封装的区别?
2022-12-02 17:25:17
- 华为暂缓招聘停止社招了吗?官方回应来了
2022-11-19 11:53:50
- 热血江湖手游:长枪铁甲 刚猛热血 正派枪客全攻略技能介绍大全
2022-11-16 16:59:09
- 东京把玩了尼康微单相机Z7 尼康Z7现在卖多少钱?
2022-10-22 15:21:55
- 苹果iPhone手机灵动岛大热:安卓灵动岛App应用下载安装量超100万次
2022-10-03 22:13:45