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(
  <h1>Hello, world!</h1>,
  document.getElementById('root')
);

JavaScript

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容