React知识库内容精选：10篇文章让你迅速了解该技术

http://geek.csdn.net/news/detail/81106?ref=myread

React作为前端框架的后起之秀，凭借其在构建SPA上的出色表现，正吸引着大量前端开发者深入研究。目前包括Strikingly、杭州大搜车在内的越来越多企业已在实际开发中探索、应用React。

目前有关React的学习资源满天飞，零散且良莠不齐。面对它们，初次接触React的开发者往往迷茫且无从下手。如何快速入门，逐步展开系统化学习，是他们最大的需求，也是领域开发高手被问到的最多的一个问题。

为此，React知识库诚邀蚂蚁金服前端工程师林展新绘制了React知识图谱，帮忙开发者首先全局了解该技术领域。在此图谱基础上，又诚邀多位领域专家、开发高手担任特邀编辑，从海量数据中层层筛选、分类，提取出详解各个核心技术点的精华内容和资源（学习视频、实践Demo、图书），引导开发者掌握关键开发细节，循序渐进，不断深入。



React知识图谱

React知识库一瞥

下面为React知识库中的部分精选，详解了React的部分核心技术点，了解更多技术内容，可访问React知识库。

深入理解React 核心语法：JSX 
文章摘要：JSX是一种类XML语言，全称JavaScript XML。它可让代码可读性更高、语义更清晰及对React元素进行抽象等。它是React的一大亮点。本文系统地讲解了JSX，包括基本原理、使用方法及注意事项。

学习React，所必须了解的组件Key 
文章摘要：根据组件上设定的Key属性，React生成该组件唯一的标识。Key改变了，React才会更新组件，否则重用该组件。本文通过具体代码示例，引导你深入了解组件Key。

React组件生命周期详述 
文章摘要：React组件即一个状态机，可接受两个输入参数this.props和this.state，返回一个虚拟DOM。组件的生命周期分为多个阶段，每个阶段都有若干个回调函数响应不同的时刻。本文将重点介绍这些函数的使用方法。

React中ClassSet的用法 
文章摘要：ClassSet是一个简洁的工具，用于简单操作DOM中的class字符串。本文带你了解如何使用ClassSet，为一个DOM节点指定多个不同的class。

探秘React Flux架构 
文章摘要：Flux是Facebook用来构建客户端Web应用的应用架构。它利用单向数据流的方式来组合React中的视图组件。开发者不需要太多的新代码就可以快速的上手Flux。本文带你一起探秘Flux架构。

轻松入门React Webpack 

文章摘要：Webpack为前端资源加载和打包工具，只需要相对简单的配置就可提供前端工程化需要的各种功能。很多React项目都在使用Webpack，它已成为最主流的React开发工具。本文带你一步步轻松学习使用 Webpack管理、打包React应用。

React服务器端渲染 
文章摘要：React提供了两个方法renderToString 和 renderToStaticMarkup来将组件（Virtual DOM）文章摘要：输出成HTML字符串，这是React服务器端渲染的基础，它移除了服务器端对于浏览器环境的依赖，所以让服务器端渲染变成了一件有吸引力的事情。本文带你一探React服务器端渲染的关键技术及运作流程。

从React Router谈谈路由的那些事 
文章摘要：React Router是专为React设计的路由解决方案，使用React开发SPA（单页应用）项目时，均需路由功能，而React Router是目前使用率最高的路由。本文将和你聊聊React Router的那些事。

Redux之combineReducers(reducers)详解 
文章摘要：本文主要介绍Redux框架中的一个重要方法combineReducers(reducers)。combineReducers的作用是把一个由多个不同Reducer函数作为Value 的Object，合并成一个最终的Reducer 函数，之后便可对Reducer调用createStore。

React在ES6中的用法 

文章摘要：React已将ES6默认为首选标准。本文通过具体案例，分享如何在React中写出符合ES6标准的代码。