当前位置: 首页 > 面试题库 >

React Native + React(用于Web)种子项目

翟修永
2023-03-14
问题内容

是否可以设置一个项目,该项目同时具有React Native(移动应用程序)和React(web)的代码,除了UI部分外,其他平台之间的代码都被撕碎了。

使用此种子完成了与Angular +
NativeScript的类似操作,从而可以在本机应用程序和Web应用程序之间共享代码(UI层除外)。寻找类似React + React
Native的东西。

如果您也知道React Native + Angular的任何此类种子,请分享。


问题答案:

乔纳森·考夫曼(Jonathan Kaufman)撰写了一篇不错的文章,介绍了如何进行设置:http://jkaufman.io/react-web-native-
codesharing/

基本策略是每个平台(android / ios /
web)都有不同的入口点(index.js)。然后,你的大部分非渲染代码能够生活在一个共享appcommon文件夹。你仍然需要隔离您的渲染代码(即用途Viewdiv等等),虽然,因为这将通过平台不同。

也要注意对该文章的评论,因为对此方法的陷阱有一些很好的讨论。例:

通过在本机和Web之间共享一个通用的package.json,您已经通过它们的通用依赖性将它们粘合在一起,其中最重要的是做出反应。假设您升级到依赖于>
= react @ 16的react-native版本,但是您的Web应用依赖于依赖于= <react @ 15的其他库。--timtas



 类似资料:
  • 新建一个React Native工程,参考React Native 官网 react-native init hello cd hello yarn add baidumobstat-react-native react-native link 进入新建的目录,打开ios目录下的hello.xcodeproj工程,在iOS工程的Linked Frameworks and Libr

  • 语境 我目前正在使用(和其他库)开发一个单页web应用程序。我对这个项目已经比较深入了。此应用程序用于替换公司的物流平台(交易、库存管理等)。 他们目前的系统是一个基于的应用程序,因此直觉上认为桌面应用程序可能更适合他们的需求。我正在开发一个基于网络的应用程序,因为这些是我熟悉的技术。 我所知道的 不是很多,这就是问题所在。据我所知,您可以使用构建基本相同的web应用程序,但附带桌面功能。此外,E

  • 本文向大家介绍利用yarn实现一个webpack+react种子,包括了利用yarn实现一个webpack+react种子的使用技巧和注意事项,需要的朋友参考一下 一、初始化项目 首先确保你的node 版本 >=4.0.并且确保yarn可以正常工作,关于安装yarn,你可以看这里 我们先创建个空文件夹 比如yarn-react-webpack-seed,然后输入命令: yarn 如果没有安装,全程

  • 使用 react native 和 socket.io 开发的模仿微信聊天的 app,后台使用 node 和 moogodb,目前还在开发中。 已完成的功能 登录 注册 通讯录 两人文字聊天 下拉获取聊天历史记录 未读消息提示 正在开发的功能 朋友圈 多人聊天 用户管理 系统设置 语音聊天 发送图片 效果展示     

  • 问题内容: tldr; 如何模拟或将prop与数组配合使用以强制重置组件? 我正在实现一个显示计时器的组件,并在该组件达到零时执行回调。目的是让回调更新对象列表。后一个组件由新的React钩子 和组成。 该包含在该定时器启动时的基准,而剩余的时间。该套间隔称为每秒钟更新的剩余时间,并检查是否回调应该叫。 该组件并不是要重新安排计时器的时间,或者在间隔达到零时保持间隔不变,而是应该执行回调和空闲。为

  • 淘宝前端团队开源项目React Web,通过与React Native一致的API构建Web应用。 配置: // webpack.config.jsvar HasteResolverPlugin = require('haste-resolver-webpack-plugin');module.exports = {  resolve: {    alias: {      'react-nati