好娱乐内容，会给人带去情绪价值，无论是开心或情绪上的共鸣。而好的技术内容，给人带去是实打实的技术价值，它必须能帮助相关领域的技术同学获得成长。

我是2015年开始转行开始做前端工程师的；在2018年的时候，担任了58RN项目的负责人，负责58集团内部React Native技术基础设施建设；在2020年，从单兵作战变成了小组长，负责了更多技术方向和业务方向。

如果你觉得大家填写的这份数据对你有用，你也可以把你的经验分享给大家：[链接]

译者前言：目前新架构所依赖的 React 18 已经发了 beta 版，React Native 新架构面向生态库和核心开发者的文档也正式发布，React Native 团队成员 Kevin Gozali 也在最近一次访谈中谈到新架构离正式发版还差最后一步延迟初始化，而最后一步大约会在 2022 年上半年完成。种种迹象表明，React Native 新架构真的要来了。后...

7 月 14 日，React Native 核心团队的 Joshua Gross 在 Twitter 说，RN 的新架构已经在 Facebook 内部落地了，并且99%的代码已经开源。这次的架构升级“蓄谋已久”，Joshua 说他们从 2018 年 1 月就开始规划了。Facebook 曾在 2018 年 6 月宣布了大规模 重构 RN 的计划和路线图，整个的重构目的是为了让 RN 更轻量化、更适...

导语本文介绍了在使用 React Native 开发过程中，如何对无限列表组件进行技术选型，如何使用RecyclerListView组件对无限列表进行性能优化，如何解决无限列表与标签页搭配使用时的内存优化与手势重叠的问题，希望对大家有所启发。

大家是否遇到过这样的场景，老板在群里 @ 你，向你反馈线上有 BUG。一般老板反馈的问题，都属于重要且紧急的需求，需要快速解决。这样的高优需求，即让你神经紧绷，又打破了你原有的计划，常常弄的人很累。靠充分的测试能够解决一部分问题，但是线上的场景永远比测试的场景更加丰富，难免会有遗漏 BUG 被带上线，造成业...

用户浏览页面生产的数据，会被 SDK 整理成 3+1 类数据，再上报给后端。后端将这些数据进行处理、存储、再加工后，被展示出来被最终的开发者消费。

监控 SDK 的作用是收集客户端产生的日志，如何全面的收集日志是本篇讨论的重点。监控日志可以分为 3 类，异常日志、正常日志、性能日志，每次日志上报时还会上报 1 类通用的信息：

作为一位前端开发者，你是否有过这样的困扰。某个用户反馈说，他的页面某个按钮点击不了，或者是根本打不开，但是你本地根本没法复现。因为，你不能通过不断调试的方法，来定位问题和修复问题，所以它非常难以解决。这时，你不妨先了解一下前端异常和性能监控，通过接入监控你可以较为轻松的找到线上问题线索。

今天和大家分享的主题是《 58RN 页面秒开方案与实践》。先自我介绍一下，我叫蒋宏伟。我在 2015 年入职的 58，在 2016 年开始在 RN 方向上开始探索，这几年来，也推进不少 RN 性能方案的落地。在落地的过程中，一个被经常到的问题是：

首发于《58技术》公众号 背景 对于分类信息流形态的产品，用户通过左右滑动切换分类，通过不断上滑来浏览更多的信息。 用标签页(Tabs)实现切换分类，用无限列表(List)实现上滑浏览 手势上滑，页面向上滚动，展示更多列表项(List Item) 手势左滑，页面向左滚动，展示右边的列表(蓝色) 因为 React Native（RN） 可以用较低...

实际测试渲染包含 5000 个 Text 的 App的白屏时间（包括 Native 初始化），从 3.7s 减少到 3.4s，减少比例为 8%。

React 16.3 版本，正式推了出官方推荐的 context API —— 一种跨层级的数据传递方法。React 16.8 版本，推出了全新的 hooks 功能，将原本只有 class 组件才有的状态管理功能和生命周期函数功能，赋予了 function 组件。Hooks 配合 context 一起使用，为 react 状态管理提供了一种新的选择。这可能会减少开发者对 redux 等...

开发个人项目时，不用准守所谓的开发上线规范，随意点也无所谓。而在开发公司项目时，我们不得不为设立一套规则和流程来进行规范。其目的有三个： 用户能够正常访问 团队能够协同开发 个人能够成长进步 为此，我们团队在逐步的去探索一套，适合我们的前端开发上线流程。探索的过程从两方面入手。 工程化 流程化 工程化 ...

动态规划就是，通过递推的方式，由最基本的答案推导出更复杂答案的方法，直到找到最终问题的解。或者是，通过递归的方式，将复杂问题化解为更简单问题的方法，直到化解为有明确答案的最基础问题。

在大前端应用的开发过程中，如何管理好数据是一件很有挑战的事情。后端工程师需要聚合来自多个数据源的数据，再分发到大前端的各个端中，而大前端工程师需要在实现用户体验好的视图 (optimistic UI1) 的基础上，需要考虑如何管理端上的状态。

简介： JavaScript 应用范围广泛，静态类型语言 TypeScript 会继续得到更多开发者的青睐。 组件成为前端最基本的物料，CSS 融合在组件中(CSS in JS)的方案日趋成熟。 前端的“端”越来越多， API 查询语言 GraphQL 会继续保持高速增长 。 JavaScript 应用范围广泛，TypeScript 更受青睐 在 github 2018 调查报告的中，Java...

将节点的计算、存储、宽带等资源记作， O(c) 。将以太坊网络的计算、存储、宽带等资源记作，O(n)。不可扩展指的是，网络整体的计算能力不可能大于单个的节点的计算能力：

非对称加密及其应用 怎么证明你是你？ 去银行开户 难点：KYC (Know Your Customer) 目的：可证明 + 不可抵赖 方法：人脸识别 + 身份证 怎么证明你的服务/应用是你的？ 产商验证快应用 难点：怎么证明你的快应用是你的 目的：可证明、完整性、不可抵赖 https 难点：通过不可信的网络，建立可信任的连接 目的：可证明、完...

2017 年的区块链牛市已经过去了，目前看来，2018 年会是一个大熊市，投资抄币估计也捞不着什么。熊市只能囤囤币，囤囤技术，只能等下一轮风起了。熊市囤技术，其实是技术人员很好的选择。等区块链牛市来了，说不定还可以加入区块链行业，获取区块链行业高速发展的红利。再不济，研究技术，对抄币也是有帮助的啊。于是自...

随着比特币、以太坊等数字货币的暴涨，数字货币的底层技术，区块链技术，开始进入大众的视野。姚劲波说：区块链有可能和互联网一样伟大。区块链技术比传统互联网技术好在哪里？它的实现原理优是什么呢？笔者希望通过本文，解答大家心中的疑问。

开发 Web 页面时，难免会碰到一些特定机型、特定版本或者是嵌到 App 中才会出现的问题。碰到这类问题时，如果不能使用开发者工具 devtools，这意味着，你只能使用 alert 或者 window.onerror 等手段。

实现这一的一个 Selector 组件并不难，不是本文的讨论内容。本文讨论的主要是，在有类似于 Selector 组件一样，“浮”在页面的组件时，如何设计 React 组件树？

我学习 Web 的第一课，就是学习写一个轮播图，在写轮播图时自然地将 html、css、js、DOM、组件设计等各方面简单的知识点给串起来了。学习 React Native 的时候，也自然用起了这个思路，挺好用的。本文通过写一个轮播图，希望帮助到那些对 React Native 有兴趣的同学。

当我第一次开始写 React 时，我发现多少个 React 教程，就有多少种写 React 组件方法。虽然如今，框架已经成熟，但是并没有一个 “正确” 写组件的方法。

React 是一个专注于视图层的库。React 维护了状态到视图的映射关系，开发者只需关心状态即可，由 React 来操控视图。 在小型应用中，单独使用 React 是没什么问题的。但在复杂应用中，容易碰到一些状态管理方面的问题，如： React 只提供了在内部组件修改状态的接口 setState。导致数据、业务逻辑和视图层耦合在组件内部...

长列表或者无限下拉列表是最常见的应用场景之一。RN 提供的 ListView 组件，在长列表这种数据量大的场景下，性能堪忧。而在最新的 0.43 版本中，提供了 FlatList 组件，或许就是你需要的高性能长列表解决方案。它足以应对大多数的长列表场景。

但是JS 中并没有一个真正的 class 原始类型， class 仅仅只是对原型对象运用语法糖。所以，只有理解如何使用原型对象实现类和类继承，才能真正地用好 class。

使用过 java 的同学，可能第一眼就想到了用面向对象来解决这个问题。创造一个 Person 的类，然后实例化 xiaoMing 和 liLei 两个对象。在 ES6 中也有类似于 java 中类的概念：class。