240 发简信
IP属地:加州
  • 08-性能优化-列表

    列表是个大坑!! 当时使用之后,列表长度超出 50+ 之后,卡顿极其明显,基本不可用。主要原因是 FlatList 内部采用的是 ScrollV...

  • 07-性能优化-网络

    React-Native 内部集成了 OkHttp 作为网络底层实现,上层直接调用 fetch api 即可发起网络调用。 除非你对网络有特殊要...

  • 06-性能优化-拆包3-自研方案

    基于前面分析, 我们要解决拆包问题的话,需要解决以下几个问题: 支持 TypeScript。 common 部分的 moduleId 需要固化下...

  • 06-性能优化-拆包2-别人家的方案

    在自己上手实现拆包工具之前,我们也调研了其他家关于这方面的解决方案。 因为这种操作并没有官方的解决方案,又和各家的工程结构相关联,所以网上大家提...

  • Resize,w 360,h 240
    06-性能优化-拆包1-bundle 命令

    本文主要介绍 bundle 命令的执行过程,以及 Facebook 专门为 react-native 开发的打包工具 Metro(针对 v0.3...

  • Resize,w 360,h 240
    06-性能优化-拆包0

    为什么要拆包 React-Native 开发完成之后,需要调用 react-native bundle 命令构建出最终包,发布上线。但是构建出结...

  • 05-Redux

    前言 你并不一定需要 Redux 。 如果你的应用场景还不够复杂,引入 Redux 只会徒增成本。 Flux 设计模式 学习 Redux 之前需...

  • 04-React-Navigation

    这块内容比较简单,请移步官方文档。

  • Resize,w 360,h 240
    03-Flexible Box

    概念 React-Native 中所有的布局均采用 Flex 布局。采用 Flex 布局的元素,称为 Flex 容器(flex containe...