taofed / react-web

A framework for building web apps with React Native compatible API.
Other
3.36k stars 448 forks source link

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

Open Mad-hu opened 6 years ago

Mad-hu commented 6 years ago

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

wangjinggithub commented 6 years ago

试验了一天的结果如下: 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 commented 6 years ago

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

wangjinggithub commented 6 years ago

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