zoukankan      html  css  js  c++  java
  • [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 watchman
    brew install flow
    
    npm install -g react-native-cli

    Create a project:

    react-native init githubnotepicker

    Run the project:

    cd githubnotepicker
    react-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,{'
    '}
              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.

  • 相关阅读:
    ActiveMQ的spring配置文件
    ActiveMQ consumer按顺序处理消息
    ActiveMQ异步分发消息
    2个线程顺序工作
    hadoop更换硬盘
    linux内存条排查
    gitlab迁移升级
    linux 监控网卡实时流量iftop
    gitlab7.2安装
    为首次部署MongoDB做好准备:容量计划和监控
  • 原文地址:https://www.cnblogs.com/Answer1215/p/5690269.html
Copyright © 2011-2022 走看看