## 使用 React 构建 Flutter 应用 探索新一代渲染技术 Kraken  元彦 https://github.com/yuanyan FSD 淘系前端团队 ## • 2011 - 2013年 • WebQQ • QQ |Built-in Features 👎👎|Built-in Features 👎👎|Built-in Features 👎|Built-in Features 👎| ## 为什么 ♥☐ Flutter  Web 💪 ![Ima jpg) Flutter Flutter 是 Web 之外的另一个真跨端渲染技术 ## 前端视角里的 Flutter 通过 platform channels 调用平台能力 不支持 Flex Layout 布局 支持 Hot Reload 不支持类 JSX，可读性差 比肩原生的性能 不支持动态下发 Bundle 调试工具完善 脱离前端 JS 生态 ## 使用 Flutter 的刚性诉求

## Flutter & Dart 全栈开发 三端一体化编程的新方式 ## 技术创新的浪潮接踵而来 继续搬砖还是奋起直追？ 云数据 AI 区块链 架构优化 高效运维 CTO技术选型 微服务 新开源框架 会议：2018年12月07–08日 培训：2018年12月09–10日 地址：北京·国际会议中心 ![Image](/uploads/documents/f/2/4/ ## + 5 + WEEK ## Flutter 原生性能 渲染方式、AOT、无锁GC 快速开发 亚秒级，有状态的热重载 统一的应用开发体验 两端一致的开发方式，MD和iOS风格 ## Flutter 快速开发 - Hot Reload flutter_gallery lib main.dart Project Packages flutter_gallery ~/proje ~/projects/flutter/examples/ idea ▶ android ▶ build ▶ gen ▶ ios ▶ lib demo ▶ gallery main.dart main_publish.dart test test_driver tool .flutter-plugins .packages BUILD.gn pubspec.lock

## DevFest ## Google 喊你学Flutter 小德-koudle @Tencent  ## GDG Guangzhou DevFest 小德-koudle @Tencent 我的掘金主页： https://juejin [Image](/uploads/documents/4/e/e/a/4eea2ca287f5affae656a3a7ef35d5f5/p9_1.jpg) 跨平台 ## PC WEB DevFest ## Flutter ## 语言 ## Dart JIT：动态编译，Hot Reload AOT：静态编译,Native code 强类型，可以类型推断 强大的异步编程能力  Java Native Flutter Engine Dart OPEN EDITORS ✗ ≡ main.dart lib pubspec.yaml // This widget is the home page of your

## Flutter在腾讯企鹅辅导上的实践之路 涂金林 ## 个人简介 - 涂金林   腾讯企鹅辅导 & 腾讯课堂 & IMWeb团队 iOS & Flutter负责人 ## 目录 / contents - Flutter简介 - 实践框架及页面栈管理 - 性能优化 - Flutter For Web ## 1 Flutter简介 ## Flutter简介 ## 跨平台 Write Once, Run Anywhere  React Native • FaceBook • JS -> iOS + Android ## Flutter简介 ## 跨平台

## Flutter在百度贴吧的落地实践 ## 高飞 百度资深研发工程师 # InfoQ官网 全新改版上线 促进软件开发领域知识与创新的传播 ## 精选内容  华为面试改革，增加90分钟网上编程和30分钟当面编程；德国摧毁全球第二大暗网交易平台；黑客攻击Git开发者私 [Image](/uploads/documents/8/b/5/c/8b5cda2170bd014ab2bf71676bf50828/p3_1.jpg) ## 目录 ■ 为何引入Flutter ■ 实践之旅 ■ 总结 ## 目录 ■ 为何引入Flutter ■ 实践之旅 ■ 总结 签到 125 📶📶📶📶 ## 贴吧 品 年轻人兴趣社区 2003年至今 ☑ 拥有10亿注册用户 [Image](/uploads/documents/8/b/5/c/8b5cda2170bd014ab2bf71676bf50828/p7_2.jpg) 用户体验 最快触达用户 ## Flutter的优势  跨平台开发 高效的开发体验

## 后浪Flutter ## Google 开源的 UI 工具包 陈孟泽 ## 后浪Flutter · 简介：移动跨平台方案及Flutter介绍 • 语言：Dart语言简介 • 基础：Flutter常用知识点 • 进阶：Flutter核心原理 · 资料：学习参考资料 ## 移动跨平台方案 • H5+原生（Cordova、微信小程序） • JavaScript开发+原生渲染（React act Native、Weex、快应用） • 自绘UI+原生(Flutter) ## 移动跨平台方案 |技术类型|UI渲染方式|性能|开发效率|动态化|框架代表| |---|---|---|---|---|---| |H5+原生|WebView渲染|一般|高|支持|Cordova、Ionic| |JavaScript+原生渲染|原生控件渲染|好|中|支持|RN、Weex| |自绘UI+原生| |自绘UI+原生|调用系统API渲染|好|高|默认不支持|Flutter| ## Flutter简介 • Google 开源的 UI 工具包 • 非常精美丰富的组件库 • 支持移动、Web、桌面和嵌入式平台 • UI统一、高性能 ## Flutter简介 

## Tencent 腾讯 ## Flutter技术在Now客户端中的应用 ## 个人履历  姓名：王刚 英文：Kirawang 职位：腾讯移动端高级工程师 工作履历：2012硕士毕业加入腾讯公司至今，参与手机QQ、NOW直播、腾讯课堂等产品的Android客户端。 /f/8/7/cf87987426d54b3f71a67f6f453a74e3/p2_4.jpg) 手机QQ NOW直播 ## 分享目录 NOW直播与Flutter NOW直播中Flutter的开发模式 NOW直播中Flutter的工程实践 技术思考 ## 关于NOW直播 ![Image](/uploads/documents/c/f/8/7/cf87987426d54b3f71a67f6f453a74e3/p4_2 • Tens of millions MAU ## 关于Flutter Google Flutter Dart •Google推出的跨平台开发框架 ·创建高性能，高稳定性，高帧率的Android/iOS应用 ·使用Dart语言开发 ## Flutter特性 跨平台 提升研发效率 高性能 热重载 ## Flutter的应用 ![Image](/uploads/docume

## 2019 -2021美团技术年货 CODE A BETTER LIFE 【蓝紫篇】 “ 才 ## 目录 前端 | 2021 1 让 Flutter 在鸿蒙系统上跑起来 1 FlutterWeb 在美团外卖的实践 14 FlutterWeb 性能优化探索与实践 36 设计稿（UI 视图）自动生成代码方案的探索 56 美团外卖终端容器无关化研发框架 186 前端 | 2020 202 移动端 UI 一致性解决方案 202 美团外卖 Flutter 动态化实践 227 美团开源 Logan Web：前端日志在 Web 端的实现 255 外卖客户端容器化架构的演进 270 Flutter 包大小治理上的探索与实践 297 美团外卖持续交付的前世今生 326 微前端在美团外卖的实践 微前端框架及其在美团闪购中的实践 664 Litho 的使用及原理剖析 680 Android 兼容 Java 8 语法特性的原理分析 697 美团外卖商家端视频探索之旅 715 ## 前端 # 让 Flutter 在鸿蒙系统上跑起来 作者：杨超 ## 前言 鸿蒙系统（HarmonyOS）是华为推出的一款面向未来、面向全场景的分布式操作系统。在传统单设备系统能力的基础上，鸿蒙提出了基于同一套系统能力

接收工作负载的账户。我们的团队报告说，使用 AWS Control Tower 和 AFT 统一管理多个团队的账户非常方便。 ### 47. Bloc 试验 Bloc 是 Flutter 的一款响应式状态管理库。在 Flutter 可用的状态管理选项中，我们想突出 Bloc，因为我们团队在使用该库构建复杂移动应用程序时体验很好。当 UI 组件通过流和事件接收器与业务逻辑进行通信时，围绕 BLoC 模 应用加载时长变化的容错能力。通过声明式的 YAML 语法，它使编写和维护移动应用自动化测试变得很简单。Maestro 支持 iOS 和 Android 原生应用、React Native 和 Flutter 应用，能够自动化复杂的移动端 UI 交互（如点击、滚动和滑动）的各种功能。Maestro 以单个二进制文件进行发布、方便使用，以解释器模式运行，并且通过连续模式等特性来简化新的测试的编写。尽管 ## 试验 Dart 是由 Google 开发的编程语言，支持构建跨平台的应用程序，包括 Web 浏览器、WebAssembly、桌面和移动应用。它的采纳是由 Flutter 的主导地位推动的。在跨平台原生移动应用框架领域，Flutter 是一个流行的、使用 Dart 作为其核心语言的跨平台 UI 工具包。根据社区的反馈，Dart 从最初的版本开始不断演进，除了具备健壮的类型系统，还在 3.0 版本中添加了内置的