Skip to content
This repository has been archived by the owner on May 13, 2019. It is now read-only.

求2018年最新,最详细的安装方法和攻略~~~ #272

Open
Mad-hu opened this issue Jan 26, 2018 · 3 comments
Open

求2018年最新,最详细的安装方法和攻略~~~ #272

Mad-hu opened this issue Jan 26, 2018 · 3 comments

Comments

@Mad-hu
Copy link

Mad-hu commented Jan 26, 2018

up主更新了,如题,现在的对我这种小白来说真的不知道从何入手了。昨天更新的是什么,怎么装?create-react-web,然后呢?

@wangjinggithub
Copy link

试验了一天的结果如下:
1.下载原来的demo,package.js里面的依赖以及版本均未修改,能通过三步将 React Native 项目运行在 Web 浏览器上面这篇文章的步骤--通过。中间有问题也可以在这里的Issues找到解决方法。
2.自己新建一个项目。
a)安装create-react-web,新建一个项目:npx create-react-web rn ,
b)react-native init rn.这里完成之后一般会覆盖之前react创建的package.js里面的配置,你需要重新加上(尤其是:
"scripts": {
"start": "react-scripts start",
},要替换,不然你后续通过npm跑出来只会跑react-native run-。。。)。
c)npm install react-web --save
d)之后检查一下npm list 把可能出现缺少的依赖都通过npm install上去。
e)检查项目文件你发现在src文件和外层都有一个index.js和App.js文件。在src里面的web端的,你把外层的那个App.js拖动到src里面覆盖。在把外层的index.js的App导包路径修改正确。
f)npm start 跑出来,在浏览器输入http://localhost:3000/
g)react-native run-ios在ios虚拟机上能呈现。

疑问:我全程没有使用Webpack配置也能在web端跑起来?难道我这样并没有使用react-web吗?不应该呀。因为我的App.js里面导包的组件都是从react-native里面导包的。

最后说些自己对react-web的感觉哈。他们的原理在三步骤这篇文章里面已经阐述的比较清楚了,就是把组件转换成适配web的组件,react-native也是一样的。
如果光靠写一遍代码就去适配三个端,那么在现阶段对开发人员要求比较高,因为很多东西在三个端会出些差错,而为了解决这些问题你还是得懂原生的一些东西以及原理,不然会找不到头绪。
当然,如果react-native以及react-web的库足够大,那么相应的问题会少很多。但是现在看起来好像不是很理想,React-Native中文网的活跃度感觉很低,官网的还可以。react-web在写三步骤那个扁文章的时候说是有一个团队在维护,现在有多少人就不知道了。上面是一个Android开发者,接触rn两个月的小白的感想!

上面的有误导和错误认识烦请指出。谢谢

@leozhang007
Copy link

@wangjinggithub 请教一下,npx create-react-web rn
提示 找不到命令:create-react-web
是什么情况?或者您能提供一个demo么?万分感谢🙏

@wangjinggithub
Copy link

@95erlong 你应该是没有安装create-react-web。

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants