react native 学习笔记之hello world

原创 2016年08月30日 20:09:16

准备知识:


首先需要了解一些基本的React的概念,比如JSX语法、组件、state状态以及props属性

其次你还需要了解ES2015 (也叫作ES6)——这是一套对JavaScript的语法改进的官方标准。但是这套标准

目前还没有在所有的浏览器上完整实现,所以目前而言web开发中还很少使用。React Native内置了对ES2015

标准的支持,你可以放心使用而无需担心兼容性问题。上面的示例代码中的import、from、class、extends、以及() =>箭头函数等新语法都是ES2015中的特性。



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

class HelloWorldApp extends Component {
  render() {
    return (
      <Text>Hello world!</Text>   //JSX语法,JSX即是一种在JavaScript中嵌入XML结构
    );
  }
}

// 注意,这里用引号括起来的'HelloWorldApp'必须和你init创建的项目名一致
AppRegistry.registerComponent('HelloWorldApp', () => HelloWorldApp); //注册了一个组件,并且为整个应用的跟容器


参考网站:http://reactnative.cn/docs/0.31/tutorial.html#content

React Native学习笔记二之写个Hello World

第一篇blog介绍了配置开发RN的环境,在这个官方文档上我们可以了解到RN开发需要哪些工具,这些熟悉之后我们就可以进入实际项目开发了,不管我们现在懂不懂RN到底是个什么东西,有哪些它自己的语言或者开发...

React Native入门——环境配置及Hello World

最近React Native很火,这篇文章主要介绍如何快速创建一个RN应用,包含一些以后会用到的环境配置,适合希望初步了解React Native的读者,欢迎各位提出建议和问题!...

React-Native(一)Hello World,在windows上安装运行android

填坑日记 1.十分感谢清清大神的详细教程,链接为http://www.lcode.org/%E5%8F%B2%E4%B8%8A%E6%9C%80%E8%AF%A6%E7%BB%86windows%E7...

React Native探索(一)环境搭建与Hello World(Windows/Mac)

目前关于React Native的教程很多,官方文档写的也不错,但是感觉大部分教程写的不是很清楚,导致我各种碰壁。因此我来写一个简洁的教程。本篇文章基于React Native 0.43,只适用于用W...

React Native Android入门实战及深入源码分析系列(1)——Hello world

因为现在找不到地方记录csdn账号,所以这里记一下:zeng890816@yahoo.cn 从今天起,我要分析React Native for Android的源码。 本系列主要是从使用和源码分析的角...

React-Native尝鲜计划-环境搭建及 hello world

React Native 刚被 Face Book 开源不久,持续引起关注。“learn once,write anywhere” 是每个开发者的追求。目前国内关于 react native 学习资料...

React Native版Hello World

Hello World —— 一个好难的bug解决了,一个新的技术入门了,好像打开了新的世界,内心久久的不能平静,HelloWord由此诞生! 最近公司不是很忙,我看React Native 最近比较...

React Native的Hello World和基本样式入门

Hello World  众所周知,Hello World大法好。接上一篇 所初始化的AwesomeProject项目来进行Hello World操作。import React, { Compone...

react native 编写Hello World的解析

要理解React Native 应用的基本结构,首先需要了解一些基本的React的概念,比如JSX语法、组件、state状态以及props属性。 从Hello World 开始 i...
  • iOSbird
  • iOSbird
  • 2017年07月31日 17:51
  • 194

React Native入门(二)之Hello World(AwesomeProject)项目介绍

前言在上一篇博客中,我们介绍了RN环境的搭建,以及遇到的各种坑,历经千辛万苦,终于算是完成了!也生成了一个项目,下面呢,我们就来简单了解一下生成的这个项目及相关的问题项目目录我们使用react-nat...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:react native 学习笔记之hello world
举报原因:
原因补充:

(最多只允许输入30个字)