React学习手册

初识

React

｜

9

序。如果你以前从没有用过

JSBin

，那么它其实是类似

CodePen

和

JSFiddle

的在线代

码编辑器。

JSBin

的主要特性之一就是用户只需单击相关链接，马上就可以修复该文

件。当用户创建或者开始编辑一个

JSBin

时，它会为用户的示例代码创建一个唯一的

URL

地址，如图

1-1

所示。

编辑模式（edit）

或者预览模式（quiet）

唯一URL

版本号

图

1

-

1

：JSBin的URL地址

出现在

jsbin.com

后面的字母表示唯一的

URL

地址。接下来的斜杠后面是版本号。

URL

最后一部分有两个选项可选：一个是表示编辑模式的

edit

，另一个是表示预览模式的

quiet

。

React

开发者工具

有不少开发者工具可以通过浏览器扩展或插件进行安装，你会发现其中很多都是非常

有用的：

react-detector(http://bit.ly/2mwcoXR)

react-detector

是一款

Chrome

浏览器扩展，它可以帮助用户检测某个网站是否采用

了

React

技术。

show-me-the-react

这是一款工具，同时支持

Firefox

和

Chrome

浏览器，它可以帮助用户检测浏览器

访问的网站是否使用了

React

技术。

React Developer Tools (http://bit.ly/2nvFKar)(

见图

1-2)

这是一款可以扩展浏览器开发者工具的插件。它可以在开发者工具中新建一个

Tab

页，方便用户查看

React

元素。

如果用户喜欢使用

Chrome

浏览器，那么还可以将它作为扩展（

http://bit. ...