携程React Native实践

最新推荐文章于 2019-04-19 02:22:31 发布
最新推荐文章于 2019-04-19 02:22:31 发布
阅读量5k 收藏 4
点赞数 2
分类专栏： React Native
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/xiangzhihong8/article/details/53112530
版权
本文分享了携程引入React Native的原因，包括减少AppSize、提升用户体验、支持动态更新和跨平台开发。文章详细介绍了如何引入React Native，以及开发CRN框架以支持业务团队。面对JSBundle过大、页面加载慢、稳定性不足和ListView性能问题，提出了拆分方案、优化页面加载和错误处理的方法。此外，还讨论了未来CRN的规划，如开发CRN-Web、实现单JS执行引擎和AMD模式加载的尝试。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

React Native（下文简称 RN）开源已经一年多时间，国内各大互联网公司都在使用，携程也在今年 5 月份投入资源开始引入，并推广给多个业务团队使用，本文将会分享我们遇到的一些问题以及我们的优化方案。

一、背景和使用情况介绍

了解本专栏 订阅专栏 解锁全文 超级会员免费看
干货 | 携程机票 React Native 整洁架构实践
携程技术中心
07-18 911
作者简介任跃华, 携程机票前台软件工程师，从事机票android、react和react native技术栈相关研发工作。前言携程机票前台团队在使用 React Nati...
干货 | 携程租车React Native单元测试实践
携程技术
01-16 1511
作者简介琨玮，携程高级前端开发工程师，从事React Native/Web前端的开发及维护工作，喜欢研究新技术。在较大规模的前端项目中，测试对于保证代码质量十分重要，而React的组件...
react-CRN是CtripReactNative简称由携程无线平台研发团队基于ReactNative框架优化
08-15
CRN是Ctrip React Native简称，由携程无线平台研发团队基于React Native框架优化，定制成稳定性和性能更佳、也更适合业务场景的跨平台开发框架。
携程 React Native 实践与性能优化
历史上的今天
11-09 2865
本文为携程技术中心投稿，版权归原作者所有，非经允许，请勿转载。 作者简介： 赵辛贵，携程无线开发高级技术经理，目前主要负责 React Native 框架在携程内部的使用推广和性能优化。 欢迎技术投稿、约稿、给文章纠错，请发送邮件至：mobile@youkuaiyun.com。 React Native（下文简称 RN）开源已经一年多时间，国内各大互联网公司都在使用，携程也在今年 5 月份投...
React Native 实践之携程 Moles 框架
weixin_34095889的博客
06-22 246
编者：本文来自携程框架研发部高级经理魏晓军在第二期【携程技术微分享】上的分享，以下为整理后的文字实录。视频回放可点击这里。关注携程技术中心微信公号ctriptech，可获知更多微分享课程信息。 因为支持用javascript开发原生应用，React Native一推出就受到不少公司热捧，各家都跃跃欲试。但有一个痛点是，在移动端，我们是否有...
基于React Native的移动平台研发实践分享
低代码开发，数据，中间件，企业架构原创技术分享
05-12 361
转载本文需注明出处：微信公众号EAWorld，违者必究。本文目录：一、React Native 已经成为了移动前端技术的趋势二、基于React Native 进行移动平台...
React-Native实践
weixin_34194359的博客
06-03 267
关于React-Native React-Native号称是跨平台开发且具有原生应用的体验，早在两年前我曾经尝试过使用React-Native，但是环境搭建过程及其复杂，可参见我之前写的文章：iOS现有项目手动集成ReactNative。最近公司新开项目需要实现iOS和Android平台热更新方案，以便快速开展业务。本文用来梳理React-Native在iOS上的一些实践。包括如下内容： 搭建一...
携程ReactNative应用的工程化实践-携程赵辛贵.pdf
05-21
### 携程ReactNative应用的工程化实践 #### ReactNative的使用现状 React Native（简称RN）作为一种跨平台移动应用开发技术，在携程的应用中取得了显著成果。截至报告撰写时，携程已有13个应用程序集成了RN技术，...
携程是如何做React Native优化的
ahubenkui的博客
02-26 2982
React Native(下文简称RN)开源已经一年多时间，国内各大互联网公司都在使用，携程也在今年5月份投入资源开始引入，并推广给多个业务团队使用，本文将会分享我们遇到的一些问题以及我们的优化方案。 一、背景和使用情况介绍 为什么会引入React Native? AppSize占用 携程旅行App从11年开始开发，至
携程是如何去做React-Native优化的
06-07
携程是如何去做React-Native优化的，如何理解以及应用
React Native 在 Glow 的实践
大灰狼的小绵羊哥哥的博客
05-01 1203
1. 为什么使用 React Native http://www.tuicool.com/articles/F3eANjr在最近发布的 Eve v2.8 里，我们用 React Native 重构了几乎整个 Community。本文记录了 React Native 在 Glow 的实践经验，并主要从 iOS 角度展开一些细节实现。但本文不会涉及太多 React Native 的入门知识，
React Native (一) 入门实践
weixin_30381317的博客
11-25 202
上周末开始接触react native，版本为0.37，边学边看写了个demo，语法使用es6/7和jsx。准备分享一下这个过程。之前没有native开发和react的使用经验，不对之处烦请指出。笔者认为从Vue过度到React应该是非常容易的，毕竟都是面向组件的，一通百通，只是每个框架的特性可能有所不同。本文的目的在于希望对在web开发有一定基础，又想涉及app开发的同学有帮助，共同进...
携程技术沙龙：React Native的框架优化和业务实践
携程技术
10-17 562
随着智能手机和移动互联网最近几年的迅猛发展，在其背后的开发技术也在经历着日新月异的变化。移动开发从最早期的原生 iOS Objective C、Android Java到基于H5 Hybrid，Android插件化/iOS动态脚本，再到现在火热的React Native， 其背后都是业务发展对技术需求的表现。早期的纯Native开发成本高，同样业务iOS&Android各需要开发一份，迭代...
那些携程火车票业务在 React Native 实践中踩过的坑
历史上的今天
11-10 395
本文为携程技术中心投稿，版权归原作者所有，非经允许，请勿转载。 【作者简介】姚瑞琼，前端程序媛一枚。2014年毕业后加入携程火车票事业部，今年年初起至今，主要负责 React Native 方案在火车票业务线的实践，先后参与并负责汽车票 RN 独立版、携程 App 抢票 RN 版的开发迭代。 欢迎技术投稿、约稿，给文章纠错，请发送邮件至mobile@youkuaiyun.com。 火车票作为...
React Native打包代码解析与拆分Bundle做法
大灰狼的小绵羊哥哥的博客
04-23 7626
本文的RN代码基于0.43版本  https://blog.desmondyao.com/rn-split/ 一般应用React Native(RN)后，随着使用页面的增加，bundle包（携带资源）会逐渐加大，这会带来以下两个缺点： 页面启动速度&内存占用增加 这是不言而喻的，一个页面启动时会加载其他无关页面的代码，自然会有内存占用加大、启动时间增加的问题，这部分的消耗是不应该的。更
携程CRN源码详解之拆包(一)——总览
tyro_smallnew的专栏
04-19 2272
1、CRN开源 CRN是由携程无线平台研发团队基于React Native框架优化，定制成稳定性和性能更佳、也更适合业务场景的的跨平台开发框架。CRN是一整套框架，包含了拆包、加载流程框架、UI框架、平台统一框架，CRN的初衷是提升RN页面加载速度，在不断地优化后形成了CRN框架。因此性能是CRN的核心，而需要做到性能优化，就离不开CRN的根本——拆包。 本次CRN开源的主要是...
关于RN热更新-iOS端捕获加载jsbundle异常解决方案
aishi9935的博客
10-25 599
1.监听加载jsbundle异常的处理 模拟情况：合并增量后jsbundle文件出现部分错误调试发现当加载jsbundle出现异常时，RN模块RCTBatchedBridge.m中如下代码会执行： - (void)stopLoadingWithError:(NSError *)error { RCTAssertMainThread(); if (!self....
携程CRN框架：ReactNative的工程化优化与实践
“携程ReactNative应用的工程化实践-携程赵辛贵.pdf”主要探讨了携程在使用ReactNative进行跨平台移动应用开发中的工程化实践，包括技术选型原因、CRN框架的介绍、性能优化策略、发布运维体系以及经验分享。...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xiangzhihong8

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值