React Native学习笔记之2

时间:2023-03-08 20:44:25
React Native学习笔记之2

1:如何创建一个react native工程

首先进入到指定文件夹里面,然后在终端执行react-native init ReactNativeProject ;其中ReactNativeProject为工程的名称;

2:如何运用调试

可以先安装Chrome浏览器的插件React Developer Tools 然后运行时在虚拟器上按command+D就会弹出选择,可以用Stop Remote JS Debugging 就可以进入调试页面,然后再按command+alt+J 就可以进入调试的详细页面;

React Native学习笔记之2

3:查看React Native各组件的相关接口

除了可以在React Native的中文网查看到相关信息,也可以直接查看源代码的JS文件,JS文件不仅有接口及相关说明,还有实例代码;

React Native学习笔记之2

有些是社区维护的组件可以在下面这个里面查找到,包含相关的IOS跟安卓

React Native学习笔记之2

4:WebStorm提供React Native代码智能提醒功能

插件地址: https://github.com/virtoolswebplayer/ReactNative-LiveTemplate

5:ECMAScript 6 入门知识

6:React/React Native 的ES5 ES6写法对照表

7:如何把React Native嵌入到当前项项中

8: 查看相应react native版本号,及更新安装最新版

打开项目的根目录路径可以看到package.json,可以看到相应的react跟react-native的版本;

请去下面的网址【https://www.npmjs.com/package/react-native】查看react-native的npm包的最新版本,或使用npm info react-native命令查看。而react可以到https://github.com/facebook/react查看版本

打开项目目录下的package.json文件,然后在dependencies模块下找到react-native,将当前版本号改到最新,然后在命令行中运行(译注:如果提示权限错误,就在命令前加上sudo):

$ npm install

9:main.jsbundle生成方法

步骤:

1.在React Native项目根目录下运行 npm start

2.使用curl命令生成 main.jsbundle

curl http://localhost:8081/index.ios.bundle -o main.jsbundle

3.在AppDelegate.m中选择使用main.jsbundle

注释掉

jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];

取消注释下面这一行

// jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];

10:关于热更新实现可以下面这篇文章

http://blog.csdn.net/linshaolie/article/details/50961955