适合初学者的React 入门教程精选

1、适合初学者的react 入门教程精选react 是一个用于构建用户界面（ui）的 javascript 库（框架，可以被复用的代码）。react的常用用法方式有两种：一、用法标签（标志）引入。 在 html 文件中添加 react，把 react 作为一般的 标志添加到 html 页面上，以及用法可选的 jsx。这是将 react 集成到现有网页最容易的方式。可以用法cdn（content delivery network，即内容交付网络）库（框架）：解释react.development.js（早期是react.js ）是 react 的核心库，react-dom.development.j

2、s（早期是react-dom.js）是提供与 dom 相关的功能babel.min.js - babel 可以将 es6 代码转为 es5 代码，这样我们就能在目前不支持 es6 扫瞄器上执行 react 代码。babel 内嵌了对 jsx 的支持。通过将 babel 和 babel-sublime 包（package）一同用法可以让源码的语法渲染升高到一个全新的水平。也可以将它们下载到本地在用法，注重要正确指明路径：用法 react 的网页源码，结构大致如下： 标签的 type 属性需要设置为 text/babel。 -> / * our code goes here! *特殊提示：注

3、重两点，一是，首先加载库二是? 标签的 type 属性设为 text/babel 。这是由于 react 独有的 jsx 语法，跟 javascript 不兼容。凡是用法 jsx 的地方，都要加上 type="text/babel" 。实例hello react! 标签的 type 属性需要设置为 text/babel。 -> reactdom.render(hello, world! 这是我的测试,document.getelementbyid(&39;example&39;);其中，reactdom.render 是 react 的

4、最基本办法，用于将模板转为 html 语言，并插入指定的 dom 节点。实例输出了 hello, world! 这是我的测试。参见下图：更多可在扫瞄器运行的示例，可参见react 官方例子，前12个例子demo01至demo12，详见后面。二、用法指令行界面（cli，command-line interface）工具。安装react 开发者工具。这需要你的电脑已安装node.js可以用法以下指令来查看当前的 node 版本：node -v解释没安装，node.js 安装包及源码下载地址为：双击下载后的安装包，比较容易就不多说了（需要留意的是安装路径，默认是c:program filesnode

5、js）。输入node -v，若显示类似如下解释ok。npm（node package manager）：nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依靠等），指令格式npm install -g -save-dev其中，：node插件名称。-g：全局安装。将会安装在c:usersadministratorappdataroamingnpm，并且写入系统环境变量； 非全局安装：将会安装在当前定位名目；全局安装可以通过指令行在任何地方调用它，本地安装将安装在定位名目的node_modules文件夹下，通过require()调用；-save：将保存配置信息至package.json（package.json是nodejs项目配置文