React 入门学习

安装

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(
  

Hello, world!

, document.getElementById('root') );

JavaScript

React是一个JavaScript库,如果你对JavaScript语言不太了解,推荐重新了解一下JavaScript的相关知识 refreshing your JavaScript knowledge
React还使用了一些Es6的相关的语法,最好还是了解一下JavaScript的一些新特性 arrow function,
classes, template literals,let和 const

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