5分钟入门react教程（提供源码）

名词解析：

React:是一个用于构建用户界面的JavaScript库

JSX:React中建议使用jsx语法，jsx最终会被转为普通JavaScript函数

TypeScript:是JavaScript的一个类型超集，TypeScript可以在构建时发现bug和错误，这样程序运行时就可以避免此类错误，.ts是默认的文件扩展名，而.tsx是一个用于包含JSX代码的特殊扩展名

:是一个基于ChromeV8引擎的JavaScript运行环境。

创建一个reactapp项目

GitHub地址:

体验地址：

一.安装nodejs

下载地址：

二.创建react项目

执行命令：

npxcreate-react-appdemo-react

+的package运行工具

执行完提示：

执行完提示：

​yarntestStartsthetestrunner.​yarnejectRemovesthistoolandcopiesbuilddepencies,,youcan’tgoback!​Wesuggestthatyoubeginbytyping:​cddemo-reactyarnstart

目录结构如下：

|--|--node_modules|--|--public|--src`--

执行yarnbuild会在build文件夹内生成你应用的优化版本.

执行命令会自动生成文件，了解更多信息可参考该文件

三.第一个react程序

项目根目录执行：yarnstart

访问：