react native 工程创建与集成已有工程总结

React 技术栈系列教程 : http://www.ruanyifeng.com/blog/2016/09/react-technology-stack.html


Windows版本搭建安装React Native环境配置

http://www.lcode.org/史上最详细windows版本搭建安装react-native环境配置/
1 、安装Java
2、安装SDK
3、设置SDK
4、安装node

5、安装git

6、安装react-native命令行工具react-native-cli
     1)   在命令行中进入你希望RN安装的目录

    2)   输入git clone https://github.com/facebook/react-native.git,等待下载

    3)   进入刚刚目录下的react-native目录下的react-native-cli目录,输入npm install -g

    安装好之后,可以命令行下就有react-native命令了

7、创建RN项目

     进入你希望创建项目的目录后,输入 react-native init   AwesomeProject(项目名)

8、运行package

   在命令行中进入项目目录,输入react-native start,启动服务

   这时候可以用浏览器访问http://localhost:8081/index.android.bundle?platform=android,如果可以访问表示服务器端已经可以了。

9、运行项目

    刚刚运行package的命令行不要关闭,重新启动一个新的命令行,

    进入项目目录,输入react-native run-android

   这时候我们摇一摇手机,点击Dev Settings后,点击Debug server host & port for device,设置IP和端口



React Native 集成到android项目

http://blog.csdn.net/jyw935478490/article/details/69559871

1,npm init

2,npm install –save React react-native

3,react-native curl -o .flowconfig https://raw.githubusercontent.com/facebook/react-native/master/.flowconfig

init 主要根据提醒生成package.json文件,添加”start”: “node node_modules/react-native/local-cli/cli.js start” 到package.json 文件下 scripts标签

install –save react react-native 安装React 和React Native,执行结束会多一个node_modules文件夹

curl -o .flowconfig https://raw.githubusercontent.com/facebook/react-native/master/.flowconfig 下载.flowconfig文件


react-native bundle –platform android –dev false –entry-file index.android.js –bundle-output app/src/main/assets/index.android.bundle –assets-dest app/src/main/res/

这个命令中的app/src/main/assets/index.android.bundle路径一定要写对否则会报错不会生成这个bundle文件


链接:http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html

           http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_two_async_operations.html

        http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_three_react-redux.html


你可能感兴趣的:(react native 工程创建与集成已有工程总结)