ReactNative项目选型设计

八月 18, 2018

React-Native项目架构设计

路由(react-native-navigation wix v2)

考虑：

• 适用性
• 简易性
• 可扩展性
• 性能稳定
• 文档可查
  • React Native Navigation Docs
  • DeepLink

数据流(redux/dva)

• react-redux
• dva-core

数据状态持久化(redux-persist)

• whiteList
• blackList

异常错误捕获(sentry)

• context

热更新(code-push)

• 更新界面
• 静默/强制

调试输出(reactotron)

• reactotron-react-native
• reactotron-redux

推送(jpush)

• 极光推送

第三方登录集成

• 微信
• QQ

分享

• 朋友圈
• QQ空间
• 微信好友
• QQ好友

页面统计(baiduMobStat)

• 埋点
• 行为报告

本地国际化(i18n)

• FormatMessage

Touchable设计

• 页面跳转(禁用所有按钮可重复操作)

icon/image管理

• 统一使用svg

动画效果

• Lottie(View)

图片放大器

• 暂无解决方案（希望找到类似微信等图片查看器效果的插件）

socket方案

• SocketIo
• WebSocket

启动屏

• 暂无解决方案（需调研）

UI库

• 暂无

手势控件

• 下拉刷新
• 上拉刷新

功能组件

• canvas绘图组件
• map地图
• 时间选择器
• 省市区选择器
• 支付组件
• 统计报表
  • svg
  • chart
    • worker 计算数据