reactjs初级学习

ps：https://scotch.io/tutorials/learning-react-getting-started-and-concepts；这个链接讲解的很不错，在线编辑器很给力，用来quickSatrt相当不错，不要因为网页全是英文而却步。

ReactJS库是用于构建web应用UI的最好的JavaScript库之一。它是一个由Instagram和Facebook的开发者共同建设的开源库。目前已经有多家知名企业和组织（比如Airbnb、可汗学院、BBC、Netflix等等）采用ReactJS来构建他们网站的UI。如果你正在学习如何用ReactJS来构建一个动态的用户界面，那么笔者强烈推荐下面这几篇教程来帮助你。

如果你是个刚接触ReactJS的菜鸟，那么学习完这几篇教程你就会踏上成为React大牛之路。建议大家结合这几篇来看，特别是初学者。每篇教程的侧重点不同，描述方式也不同，多看几篇可以帮助新手快速理解。

ReactJS.net

这篇教程详细地讲解了如何在.net中使用React框架。这篇教程完整地讲解了新建一个基于asp.net和MVC开发模式的web应用的全过程，并说明了应用ReactJS库的方法。这篇教程旨在帮助开发者从一个简单的工程开始一点点构建出一个完整的、功能完善的产品。

教程链接：

http://reactjs.net/

Learning ReactJS

这篇教程由Ken Wheeler编写于Scotch.io，从去年发布开始至今已经在社区里被转发200多次，吸引了很多经常活跃在社区的开发者们的关注。该教程一共有5个部分。第一部分是基础知识，讲解了什么是React、虚拟DOM如何工作、如何设置页面以及一些功能方法的作用等基础概念。第二部分讲解了一些进阶的内容，包括Flux、分发器（dispatcher）、依赖控制器视图(dependencies controller view)等等。第三、四、五部分分别带领学习者利用ReactJS创建一个简单的购物车、一个实时的Twitter流和一个简单的移动应用。这篇教程绝对可以被称为是ReactJS最棒的教程之一，大家不妨尝试学习一下。

教程链接：

https://scotch.io/tutorials/learning-react-getting-started-and-concepts

The React Quickstart Guide

如果你需要快速浏览一下ReactJS库的基础知识，那么笔者推荐你学习一下这篇教程。这篇教程由Jack Callister写于他的个人博客。正如之前所说，这篇教程 没有过多深入的介绍，而是注重于带你快速入门。作者Callister从React元素、组件、JSX和虚拟DOM等基础概念讲起，并在解释清楚这些基础知识后讲解了一系列UI构建相关的知识，包括渲染(rendering)、组件、属性(Props)、状态(state)和项目构成等等。另外这篇教程还有一个亮点就是提供了大量的实用工具、资源和信息的链接，非常适合初学者入门。

教程链接：

http://www.jackcallister.com/2015/01/05/the-react-quick-start-guide.html

React for Everyone

这篇教程正如其名所说，适合于任何一个ReactJS的学习者，不论是一个初学者还是一个进阶使用者。这篇视频博客以基础简介作为开篇，讲解了一些基础知识并阐释了作者对React库的一些理解。第二部分主要介绍了构建一个react组件以及状态（state）的使用方法。这篇视频教程很值得一看。

教程链接：

http://leveluptuts.com/tutorials/react-for-everyone

The React.js Way

这篇教程是一个由三部分构成的系列教程的第一部分，以入门讲解为主，非常适合初学者。首先它讲解了什么是React以及虚拟DOM的概念，之后说明了服务器上的渲染流程、组件驱动的开发过程和JSX语法基础，并提供了一些实用链接。

教程链接：

https://blog.risingstack.com/the-react-way-getting-started-tutorial/