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

译者前言：目前新架构所依赖的 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 更轻量化、更适...

今天和大家分享的主题是《 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...

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

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

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

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

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

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

无论在 javascript 的日常使用中还是前端面试过程中，this 的出镜率都极高。这无疑说明了，this 的重要性。但是 this 非常灵活，导致很多人觉得 this 的行为难以理解。本文从为什么要有 this 作为切入点，总结了 this 的六大规则，希望能帮助你解答困惑。

使用 react 写小型应用，数据、业务逻辑和视图的模块划分不是很细是没有问题的。在这个阶段，引入任何状态管理库，都算是奢侈的。但是随着页面逻辑的复杂度提升，在中大型应用中，数据、业务逻辑和视图，如果不能很好的划分，就很有可能出现维护难、性能低下的问题。

React 发展很快，概念也多，本文目的在于帮助初学者理清 React 核心概念。 React 及 React 生态 React 的核心概念只有 2 点： 声明式渲染(Declarative) 基于组件(Component-Based) 声明式渲染 声明式与命令式 命令式编程：命令“机器”如何去做事情(how)，这样不管你想要的是什么(what)，它都会按照你的命令实现。 声明式...

递归概念 递归是一种针对简单循环难以编程实现的问题，通过函数调用自身，提供优雅解决方案的技术。 递归都具有以下三个要点： 使用 if-else 或 switch 语句来引导不同的情况。 拥有基础情况（base case）或终止条件（stopping condition）来停止递归。 每次递归调用都会简化原始问题，让它不断接近基础情况，所以可以用...

通常，代码是由上往下依次执行的。如果有多个任务，就必需排队，前一个任务完成，后一个任务才会执行。这种执行模式称之为： 同步（synchronous） 。新手容易把计算机用语中的同步，和日常用语中的同步弄混淆。如，“把文件同步到云端”中的同步，指的是“使...保持一致”。而在计算机中，同步指的是任务从上往下依次执行的...

getPixelSizeForLayoutSize 方式，是用于把默认以 dp 单位长度，转化为对应的 px 数值。那么很明显， 默认的布局单位是 dp。

在统计按钮点击跳转次数时，给按钮绑定了touchstart事件，结果导致统计数据翻了近10倍。后改用click事件，数据才正常。固有此文。 问题 当我们点击鼠标时，会触发一系列mouse/touch/click事件，a标签转跳是被什么事件触发的? PC：在 div1 按下鼠标左键, 在div2 中释放鼠标左键,是否会触发click事件? PC：在 div1 按下鼠...