安装
React是一个灵活的前段框架,可以在多种场合使用。可以使用React创建一个新的工程,也可以在已有的工程中使用。
试用React
如果你只是对React感兴趣,可以使用 CodePen,从这个例子开始 Hello World. 不用安装,只需要修改对应的代码就可以看到效果。
如果想使用自己比较顺手的编辑器,你也可以下载 HTML file,编辑,然后通过浏览器打开就可以看到效果。
如果你想使用React创建一个新的工程,有两种方式使用React,使用 Create React App
或 在现有的工程中添加
创建新的应用
Create React App是一个最好的方式来创建一个新的React的单文件应用。这个命令会自动配置好相应的开发环境, 这样你就可以使用JavaScript的最新的特性,提供了一种很好的开发体验同时也优化了你的应用
npm install -g create-react-app
create-react-app my-app
cd my-app
npm start
在国内使用npm可能会比较慢,推荐使用 cnpm(有淘宝提供的NPM的国内镜像)
Create React App
不会处理后端的逻辑或数据,只是创建了一个前段的工程,对于后端的框架和技术没有限制
Hello World
最简单的React例子
ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementById('root')
);
JavaScript
React是一个JavaScript库,如果你对JavaScript语言不太了解,推荐重新了解一下JavaScript的相关知识 refreshing your JavaScript knowledge
React还使用了一些Es6的相关的语法,最好还是了解一下JavaScript的一些新特性 arrow function,
classes, template literals,let和 const