美文网首页技术干货
React 入门学习

React 入门学习

作者: CoderMiner | 来源:发表于2017-04-16 17:59 被阅读0次

安装

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

相关文章

  • React 实践(一)

    参考:《React 入门实例教程--阮一峰》、《React 学习教程--众成翻译》。React 框架入门学习摘录。...

  • React入门学习(1)

    先介绍几个学习React入门的博客:1.React 入门实例教程http://www.ruanyifeng.com...

  • 入门学习 React 一些实例

    这是几个入门学习 React 的小 Demo,帮助自己学习了解 React 的运行机制,结合 React官方文档,...

  • React.JS 学习资源汇——持续更新

    React 学习目标 能够熟练运用React框架 了解React组建的生命周期 入门学习 官方文档英文原版http...

  • React 属性于事件

    React.js入门基础与案例开发 by ParryKK in imooc.com 学习笔记 React stat...

  • React Router 路由

    React.js入门基础与案例开发 by ParryKK in imooc.com 学习笔记 react-rout...

  • React 组件

    React.js入门基础与案例开发 by ParryKK in imooc.com 学习笔记 React 使用 加...

  • react-todolist 学习笔记

    为了更好地学习react,在网上找到了Dell lee大神的react入门学习教程地址:https://www.i...

  • React学习笔记

    写在前面 React入门学习笔记。 教程可参考:React 教程 | 菜鸟教程阮一峰的网络日志 > React 入...

  • react+webpack项目实际开发应用

    react+webpack项目实际开发应用 在《react入门》和《react入门提高》中我讲了,react的基础...

网友评论

    本文标题:React 入门学习

    本文链接:https://www.haomeiwen.com/subject/lcbaattx.html