美文网首页
React入门实例教程(ES6版)

React入门实例教程(ES6版)

作者: Binaryify | 来源:发表于2016-03-27 00:01 被阅读2287次

前言:

React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。

此教程的demo基于阮一峰的React入门实例教程的demo使用ES6语法重写而来(原博地址)

安装

React 的安装包,可以到官网下载。不过,React Demos已经自带React源码,不用另外安装,只需把这个库拷贝到你的硬盘就行了。

$ git clone git@github.com:zhuangtongfa/react-demos.git

12个例子在各个 Demo 子目录,每个目录都有一个 index.html 文件,由于是使用了src=app.jsx的形式,所以需要在服务器运行,可以使用http-server这个工具来打开demo

http-server

$ npm install -g http-server

安装后在dmeo文件夹下执行http-server,然后打开'127.0.0.1:8080'就行了

本教程只涉及浏览器。一方面是为了尽量保持简单,另一方面React的语法是一致的,服务器的用法与浏览器差别不大。Demo13 是服务器首屏渲染的例子,有兴趣的朋友可以自己去看源码。

相关文章

  • React Native

    JavaScript 标准参考教程(alpha)ECMAScript 6入门 React 入门实例教程React ...

  • 资源

    React 入门实例教程-阮一峰

  • React Native学习资料

    React 入门实例教程React-Native入门指南Flex 布局教程:语法篇React Native探索(二...

  • React Native

    参考: React 入门实例教程 React Native 从入门到原理 摘要: 1.JavaScript 代码里...

  • React 实践(一)

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

  • React

    React 表单与事件 React 简单介绍 React 入门实例教程 Github-react-demos 从一...

  • 交接文档

    参考内容 ReactReact 入门实例教程深入理解React react-nativereact-nativer...

  • React入门学习(1)

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

  • 在React中使用es6写法

    最开始接触React时是因为阮一峰的React 入门实例教程,里面没有使用到es6的写法,但是现在网上的大部分Re...

  • awesome-react-native

    React React 中文文档一定要看官方文档 React 入门实例教程阮一峰老师出品,最好的 react 入门...

网友评论

      本文标题:React入门实例教程(ES6版)

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