58同城 App 在 React Native 上的开发实践-iOS 视角
2020-02-27 267浏览
- 1.同城React Native开发实践 －iOS视角 58无线技术部 彭飞
- 2.工欲善其事，必先利其器 ✔支持的系统版本 ✔组件库支持的业务功能 ✔ListView性能 iOS RN 调研 2015.6 ✔RN集成进已有项目 ✔载体页与统一导航 ✔JS如何打包给Na6ve调 用 ✔Na6ve与JS的事件交互 ✔组件的封装粒度 双平台RN基 础调研 2016.3 ✔热更新包大小及内置资 源大小的控制 ✔Diff存储及更新方案 ✔异常回滚机制 ✔基于二进制的diff 还是 基于文本的diff 热更新调研 2016.4
- 3.React Native实践功能模块
- 4.参与人员 无线FE 4人 无线Native（iOS／Android） 6人 项目人员 无线Server 1人 业务FE 4人 QA（无线／业务） 6人 业务Server 1人
- 5.React Native 技术架构
- 6.集成进已有项目
- 7.自定义组件／API 组件名称 描述 组件名称 描述 WBArea 区域商圈选择 WBLoca6on 定位 WBCustomDialog 自定义弹窗 WBMul6Selector 多选 WBErrorView 错误页面 WBPageDispatcher 跳转 WBFinishPage 页面关闭 WBPay 支付 WBHSAreaSelect 小区选择 WBPhotoSelect 图片编辑 WBHPpHeader 请求头 WBToast Toast提示 WBIni6alParams 初始化参数 WBUserLog 埋点 WBLoadingBar 加载bar WBVoiceRecorView 语音 WBLoadingView 加载view WBShare 分享
- 8.自定义API开发举例－区域商圈
- 9.自定义API开发举例－协议制定
- 10.自定义API开发举例－代码实现
- 11.自定义API开发举例－冒烟测试代码
- 12.组件／API实现经验（一）－设置Module别名，解耦类名称引用 默认设置： RCT_EXPORT_MODULE(); 指定别名： RCT_EXPORT_MODULE(js_name);
- 13.组件／API实现经验（二）－设置Method别名，解耦方法名称引用 默认设置： RCT_EXPORT_METHOD(show:(NSString*)message'>show:(NSString*)message
