[React Native] Up and Running

標籤：

We‘ll download the requirements for getting started with React Native, refactor our app to ES6, walk through debugging, and talk about the philosophy behind React and React Native.

 

Install:

brew install --HEAD watchmanbrew install flownpm install -g react-native-cli

 

Create a project:

react-native init githubnotepicker

 

Run the project:

cd githubnotepickerreact-native run-ios

The simulator will pop up.

 

Enable the hot reload:

cmd + D -->  enable hot reload

After that, once you change the code, the app will reload automatically.

 

Debugger:

class githubnotetaker extends Component {  render() {    name="zhentian";    debugger;    return (      <View style={styles.container}>        <Text style={styles.welcome}>          Welcome to React Native!        </Text>        <Text style={styles.instructions}>          To get started, edit index.ios.js        </Text>        <Text style={styles.instructions}>          Press Cmd+R to reload,{‘\n‘}          Cmd+D or shake for dev menu        </Text>      </View>    );  }}

We add a ‘debugger‘ there. "cmd + D" --> Enable remote JS debugging. 

Then refresh the page, you will see a page pop up, then open the debug tool. Then you can debug as you do on the web.

 

[React Native] Up and Running