React学习Demo1

1.下载初学者学习包

http://reactjs.cn/react/docs/getting-started.html

2.导入工程

用WebStorm导入工程,破解版连接

http://www.waitsun.com/jetbrains-webstorm-11-0-1.html  

React学习Demo1_第1张图片

3.新建自己的Demo

(1)新建文件夹MyStudy

        新建HelloReact.html

        新建HelloReact.js

(2)输入代码

HelloReact.html

React学习Demo1_第2张图片

HelloReact.js

React学习Demo1_第3张图片

(3)执行分离工具

        npm install -g react-tools  #随便那个文件夹都行

        cd /Users/catherine.liu/Documents/IOS/ReactDemo/react-15.3.0 #工程目录

        #找准路径,将jsx格式的js文件转成标准的js,执行一次就行,以后修改会自动生成

        jsx --watch MyStudy/ ../build/    

       #到此,你就可以在build文件夹下看到生成的js了,程序中也要正确引用

(4) 执行结果

React学习Demo1_第4张图片

你可能感兴趣的:(React学习Demo1)