在 React.js 和 React Native 应用程序之间重用代码
Reuse code between React.js and React Native applications
我想重用一些代码,这些代码从两个应用程序的 API 中检索数据。一个是使用React Native的iOS应用程序。另一个是使用 React.js 的网站。
我最初在构建 iOS 应用程序时编写了从 API 检索数据的类。因此,我使用了 React Native 中可用的 fetch
方法。
不幸的是,React.js 中没有这样的方法。如果我想重用我的代码,我最好的选择是通过创建一个类HTTPRequests
来抽象 React Native 的 fetch
方法的调用,该方法fetch
该方法将调用 React Native 的 fetch
方法或"$.get"方法,具体取决于项目使用的库:React.js 或 React Native。
我的问题如下:如何检测项目中使用 React.js 或 React Native。我的第一个想法是检测我的JS代码是通过引擎还是浏览器执行RCTRootView
。但我不知道如何做到这一点。
有什么建议吗?
谢谢!
我的建议是将共享逻辑移动到单独的模块(bower,npm,ES6(,通过获取polyfill来概括您请求数据的方式,并且永远不要费心在项目中检测React/React.native。JS代码检测将使你的代码变得不必要的复杂,并且在新版本的React/React.native出现时难以支持。
我有使用 React 和 React Native 使用 React Native 的平台特定扩展功能构建跨平台应用程序的成功经验。我刚刚在一篇博客文章中描述了我如何构建代码以实现这一点 React 和 React Native 应用程序之间的代码共享
- 是否存在React Native“;WEB代码安全防护”;
- 如何使用KARMA对React JSX ES6代码进行单元测试
- 将对应用内购买的支持构建为react本机代码
- 从React Native Android原生地执行JavaScript代码
- 带有InitialState和componentDidMount的React代码将不会运行
- 在react代码中双击
- @internal react 代码中的 JavaScript 文档标签,是 jsdoc、闭包还是其他什么
- 有没有一个工具可以将React Elements的javascript代码转换为JSX
- React 代码不会插入到 HTML 中
- React Native:看不到对我的代码的更改
- 如何通过重用另一个对象的代码来制作 React Native Flexbox StyleSheet 对象
- React:呈现语法高亮显示的代码块
- 我如何确定我的React Native应用程序是从JavaScript代码中调试还是发布的
- 如何从我的Javascript代码中加载用JSX代码编写的react组件
- Webpack没有自动编译对React文件中代码的更改
- React JS未格式化JSON代码
- 如何在react组件中编写内联js事件处理程序代码;这个“;
- React.js:将React.js代码与HTML分离
- React代码在某种程度上是向后执行的.我都快疯了
- 我需要学习React代码在React Native