React-Native

目录

• 代码规范
• 项目规范
• 调试工具

代码规范

• eslint
• prettier
• pretty-quick

扩展链接

Add ESLint & Prettier to VS Code

eslint-config-react-app

项目规范

• git-flow

扩展链接

git-flow 的工作流程

调试工具

• react-native-debugger

• 【brew 安装】

  brew update && brew cask install react-native-debugger

• 直接下载

Android 上默认不支持 GIF 和 WebP

dependencies {
  // If your app supports Android versions before Ice Cream Sandwich (API level 14)
  compile 'com.facebook.fresco:animated-base-support:1.10.0'

  // For animated GIF support
  compile 'com.facebook.fresco:animated-gif:1.10.0'

  // For WebP support, including animated WebP
  compile 'com.facebook.fresco:animated-webp:1.10.0'
  compile 'com.facebook.fresco:webpsupport:1.10.0'

  // For WebP support, without animations
  compile 'com.facebook.fresco:webpsupport:1.10.0'
}

iOS webp 图片支持

yarn add TGPSKI/react-native-webp-support 另外注意 WebP.framework、WebPDemux.framework 添加 Framework Search Paths

添加 Decorators 支持

• babel >= 7.0

@babel/plugin-proposal-decorators .babelrc 添加 "plugins": [["@babel/plugin-proposal-decorators", { "legacy": true }]]

yarn add -D babel-plugin-transform-decorators-legacy

• 其他

.babelrc 添加 "plugins": ["transform-decorators-legacy"]

添加 Redux + Rematch + Test

待办

• 添加 eslint+prettier+pretty-quick
• 添加自定义 Icon
• 添加 Theme
• AutoFlatList (初版)
• 带超时处理网络请求封装
• 新增自定义 TabBar 带角标处理
• 新增 Popover
• 新增 ScrollableTabView 吸顶(初版)