用react开发的过程中，我们常常写好多事件，onClick这个事件是非常常用的，onClick这个不同于dom事件的绑定方式的写法，却又能达到我们想要的交互，那你知道react内部是怎么处理的吗？它特殊的事件机制是什么？又是怎么工作的呢？

React16 架构分为三层，Scheduler用来调度任务，Reconciler找出变化的组件后将它们交给Renderer，由Renderer将其渲染到页面上。本文将从源码角度聊一聊 render 阶段和 commit 阶段的工作流程。

本文介绍了Flutter官方的混合集成方案在贝壳的落地。实践过程中包括了对官方集成主体的缩减，使用源码模式和二进制模式来兼顾Flutte和非Flutter开发，自研Flutter SDK自动化部署工具来降低配置成本等举措。

华为鸿蒙系统开发介绍以及贝壳找房在鸿蒙系统上的实践经验。

被窝家装是贝壳找房旗下的家装品牌。在这里，你既能选择独立设计师，也可以选择局装、整装套餐来构绘理想的家。

本文要跟大家分享，我们如何通过提升设计质量和效率，让营销物料成为打动用户的秘密武器。

关系图谱是描述两个元素直观关系的一种数据可视化方式。通过两点一线来描述一段关系，多段关系组成一张关系网，如人物关系图。

关系图谱在太阿业务系统中进行了落地实践。太阿平台是监察办案的一站式作业平台，主要包括对新房或二手房经纪人违规行为的调查闭环线上化、调查过程中的溯源工具合集以及一些可能涉及风险的流程审核等。其中溯源工具中的事实图谱和亲密度图谱就采用了关系图谱。

事实图谱用来还原经纪人作业中的一切事实关系，如经纪人A使用过的电话号、设备、小程序、身份证，联系过的客户、经纪人，分享或浏览过的房源，到访过的门店等等，每个相关元素（房源等）依然存在自己的事实关系网。

亲密度图谱是基于相同底层数据抽象而成的亲密度图谱，可以查询经纪人/客户-经纪人/客户的直接关系，以及该直接关系是通过设备、电话、WIFI组成的哪些链路产生的连接。

以上两种图谱需要满足一些基本的交互：点的拖拽、删除、筛选、扩散，和基本的布局：扩散、链路对称等。下面我们从以下几个方面来进行详细的讲述，通过阅读本文，我们在遇到与关系图相关需求时，能够快速选型，并对整个实现过程有基本的了解：

1. 常见数据可视化工具
2. 关系图谱选型实践
3. 优化
4. 总结

上文说到，小程序架构中存在两个关键问题，不解决则小程序项目就无从谈起。在这篇文章中，我们会尝试解决这两个问题。

本系列文章分为上下两篇。

小程序开放平台架构指南(上)中介绍了小程序开放平台的核心价值点与开发路线图。

小程序开放平台架构指南(下)里对小程序开放平台中两个关键问题: 跨端通信与跨端构建响应式 Dom 界面的解决思路进行了介绍。

从服务设计视角重新出发，让散点体验系统化。

本文介绍了Flutter for Web的发展现状，并且从编译、部署、运行和渲染等几个方面进行了介绍和原理分析。

本篇为第二部分，首先详细介绍了两种计数器的设计，桶的存储设计，以及配置、监控等方案；其次通过比对介绍了单机版hystrix的设计的特殊之处；最终，通过对多种计数器内核的方案做压测，说明我们最终选取方案的取舍。

在移动端，经常会存在局部视图切换的场景，比如图1所示的场景， 页面的左边部分支持切换到下一个页面并且下一个页面可以返回到上一个页面。在Android中，可以使用Fragment实现图中所示的效果, iOS中可以使用UINavigationController实现类似的效果。那么在Flutter中，应该怎么实现这种局部页面切换呢？

在Flutter中，页面切换是通过Navigator实现的， 那么能否考虑将Navigator用于局部页面切换呢？答案是肯定的。本文将重点介绍使用Navigator进行局部页面切换，以及在使用的过程中碰到的一些问题和解决方案。由于业务中目前使用的Flutter版本为v1.12.13，所以本文也会基于这个版本进行分析。

为应对服务雪崩，采用hystrix的计数器和断路器设计，在php生态实践其熔断机制。在介绍了hystrix原理后，实现了多种计数方式，并压测给出性能比对结果。最后，完善了配置和监控等闭环。

贝壳在iPad和安卓平板（这两种后续统称为PAD）上面进行了多款产品的开发；为了提高开发效率，实现一套UI跨端展示，贝壳使用Flutter进行了大量实践。

在手机上屏幕比较小，一般一个页面就是一个完整的Flutter页面，这种场景使用一个FlutterActivity容器进行加载就可以了。然而在PAD上，屏幕比较大，交互更加的丰富；由于业务上大量的用到了地图和一些H5页面，会出现同屏Native和Flutter混合的情况，会使用到FlutterFragment和Fragment在同屏切换的场景；因此我们不得不采用Native+Flutter的混合方案，FlutterEngine作为Native和Flutter桥连的容器在这中间扮演着重要的角色。

这期间贝壳PAD经历了单FlutterEngine到多FlutterEngine再到Flutter2.0的FlutterEngineGroup这一系列的容器改变，下面会详细的介绍FlutterEngine在PAD上的演变过程。

众所周知，链家在二手房业务中深耕多年，无论是线下服务体系和线上产品工具都处于行业内头部水平。但相较于二手业务，新房业务的整体发展还存在较大差距，部分业务流程仍处于线上化建设中。聚焦到经纪人的作业工具来看，二手和新房的产品使用体验差异也很大，其中房源模块的问题尤为突出。如果二手房源产品体验是80分，那新房可能只有20分。而房源是新房经纪人最重要的作业模块，在产品满意度贡献权重最高。但满意度偏低，因此其体验问题亟待解决。

本文从源码角度就全新的React Fiber架构和大家聊一聊Diff算法。