sophister

先说结论：可以通过 React Native 中提供的 __DEV__ 变量，在产出 production 环境的代码包时，过滤掉一些测试的页面。 在我们的RN代码里，有一些公共组件，比如 Button LoadingDialog 之类的，放置在 common 目录下。组件开发…

译注： 忽略了一些内容，还是强烈建议阅读下原文吧。 随着你的 JavaScript 应用越来越复杂，你很可能会在 development 和 production 模式下，分别加载和执行不同的代码逻辑。 能够在 development 和 production 模式下，分别打包…

在这篇文章里，我们来探索下 React Hooks 的常见问题，以及怎么来避免这些问题。 React Hooks 是在 2018年10月提出 ，并且在2019年2月 发布 。自从 React Hooks 发布以后，很多开发者都在项目中使用了Hooks，因为Hooks确实在很大程…

译注： 本文并没有详细的介绍具体的性能优化做法，作者给出的是一系列方法，需要我们自己根据实际情况，去采纳有用的一些点。 过去这一年，我都在持续地对一个业务规模庞大的银行APP进行性能优化。到目前，我们成功的在一台性能比较差的 华为P20 Lite 上，将 TTI 从14秒缩短到…

针对猴急一些的同学，可以先在这个 Expo网站在线运行下demo看看效果 。 完整的代码，在 Github仓库 。 下拉刷新，是一个很常见的交互方式。React-Native(以下简称RN)内置的 FlatList 是支持下拉刷新组件的，通过设置 refreshControl …

如果你对于代码，除了关注是否能准确的执行业务逻辑，还关心代码本身是怎么写的，是否易读，那么你应该会关注如何写出干净优雅的代码。作为专业的工程师，除了保证自己的代码没有bug，能正确的完成业务逻辑，还应该保证几个月后的自己，或者其他工程师，也能够维护自己的代码。你写的每一段代码，…

本文主要展示在当下 React 应用开发中，怎么使用 Context 和 Hooks 来管理用户的认证(也就是登录态)。 嗯，最终的代码大概就长这样。大多数 需要进行用户认证管理的应用，都可以使用类似上面的逻辑来管理用户登录状态。当用户访问我们应用中的某个需要登录后才能访问的页…

我是 React 新特性 Hooks 的粉丝。但是，在你使用 React Hooks的过程中，有一些看上去 很奇怪的限制 。在本文里，对于那些还在为了理解这些限制而苦苦挣扎的同志，我尝试通过一些列图表的方式，来解释为什么会存在这些限制。 我听说很多同学都对hooks像魔法一般的…

一般前端开发同学，对日志其实不太敏感，毕竟前端大多数情况下，不太关心日志。即使有，也可能调用一些第三方的统计，比如百度统计或者别的等。在 Node.js(下文中简称node) 推进过程中，也发现我们平常打日志太随意，该打的日志没有打，打的一些关键日志缺少必要上下文信息，导致在线…