学习React Native(1)

前端之家收集整理的这篇文章主要介绍了学习React Native(1)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

学习React Native(1)

打开官网React Native

目标:通读一遍Getting Started

npm install -g create-react-native-app
create-react-native-app AwesomeProject
#这里发生错误 npm@5不支持,要求使用npm 4
npm i npm@4 -g
#删掉重新生成项目
rm -r AwesomeProject
create-react-native-app AwesomeProject
cd AwesomeProject
npm start

手机端安装Expo client

为项目目录初始化了git仓库

git init
git add *
git commit -m "初始化项目"

有了git就可以放心修改代码了,按照文档,修改App.js

import React,{ Component } from 'react';
import { AppRegistry,Text } from 'react-native';

export default class HelloWorldApp extends Component {
  render() {
    return (
      <Text>Hello world!</Text>
    );
  }
}

// skip this line if using Create React Native App
AppRegistry.registerComponent('AwesomeProject',() => HelloWorldApp);

大量的ES6告诉我们是该恶补一下了ES6
还有,阮一峰大神的ES6入门

猜你在找的React相关文章