前端技术的更新速度是开发人员众所周知的槽点，日新月异的新框架，新技术除了带来效率上的提升之外，也慢慢成为了从业人员的痛点，面对新颖的技术，如果不讲法门的硬着头皮攻克学习，往往会出现老虎吃天——无处下爪，无从下口。不仅不能顺利掌握，也会挫败学习热情。今天就来分享一份在Github上看到的关于React学习路线图(RoadMap)。路线图作者通过若干个问题帮你理清React学习过程中所涉及到的npm，

当我们谈起 React 的时候总是有很多疑惑。本文简单地介绍了 React 以及他的一些底层原理。 你能学到什么？ 当你第一部分和第二部分都学习完之后，你也许就会知道你为什么需要 React 以及 Redux 类似的 state container （状态管理器）。 在学习之前你要掌握什么？ 不需要了解 JSX，ES6/ES*，Webpack，Hot Reloading，也不需要理解 Virtua

认识React 准备 babel-cli 写 React 有两种方式： 通过 jsx 通过 js jsx 写起来感觉会更方便，但就需要用babel进行编译了。 用babel编译 React 的 jsx 有三种方法( 关于 babel 的具体使用方法好像还是有很多疑问的。以后会再折腾下) CLI工具编译 Node.js运行时编译 浏览器（客户端）运行时编译 这样我打算用 babel-cli 进行实时

最近两三周在主要在写 React，在这里写一下，算是个总结。 webpack 我们的后端语言用的是 Go, 对于写网站来说，Go 并没有好的前端资源（js, css，image）的管理方式(打包，压缩)，另外我们也没有用任务的框架，简单粗暴的 Go http server + package 的方式来实现的，所以也只能借用 JS 的. 开始的时候其实我们用的是 gulp, 因为只需要打包、压缩生成

前言 React现在的关注程度应该大家都有所体会到。不少大厂的前端工程师已经再利用它做出了一些产品了。而且最近facebook不断再放大招，相信这个前景值得期待。感谢@腾讯Bugly授权。 正文从这开始～ 首先，我们来看看 React 在世界范围的热度趋势，下图是关键词“房价”和 “React” 在 Google Trends 上的搜索量对比，蓝色的是 React，红色的是房价，很明显，人类对 R

[解读]Thinking in React 原文：http://facebook.github.io/react/docs/thinking-in-react.html 前言 Thought is the seed of action 这是放置在官方的QUICK START中的一篇博文，文章的目的是教会我们用React的方式去思考如何构建一个应用。 本文并非为了翻译，而是注重表达自己学习过程中的解

echart-for-react A very simple echarts(v3.0) wrapper for react. https://github.com/hustcc/echarts-for-react install npm install echart-for-react How to run the demo: git clone git@github.com:hustcc/ec

自Facebook发布以来，React吸引了越来越多的开发者，基于它的衍生技术，如React Native、React Canvas等也层出不穷。本文从设计角度出发，一篇文章带你读懂React。  1  相关背景简介 React最初来自Facebook内部的广告系统项目，项目实施过程中前端开发遇到了巨大挑战，代码变得越来越臃肿且混乱不堪，难以维护。于是痛定思痛，他们决定抛开很多所谓的“最佳实践”，

[转自:腾讯Bugly(http://bugly.qq.com)] 本文对react进行了深入浅出的介绍, 配图以说明, 清晰明了. 在学习React Native之前, 先通过这个了解React可以少走很多弯路. 首先，我们来看看 React 在世界范围的热度趋势，下图是关键词“房价”和 “React” 在 Google Trends 上的搜索量对比，蓝色的是 React，红色的是房价，很明显，

转载本文需注明出处：EAII企业架构创新研究院，违者必究。如需加入微信群参与微课堂、架构设计与讨论直播请直接回复此公众号：“加群 姓名 公司 职位 微信号”。 引言         React的核心是使用组件定义界面的表现，是一个View层的前端库，简单来说它就是一堆前端组件，view，view，view，重要的事情说三遍。         可是有了组件以后，要怎么组织前端界面的表现呢？怎么和数据

初探React 本文翻译自Cody Lindley的《React Enlightenmen》,已获得作者授权，这套书比较基础，看完以后能让你对React有一定的认识。本文是本书的第一章，主要是以一个浅显的例子引出究竟该如何理解React并且简要的介绍了React的几大要素，适合对React感兴趣，但是一直没真的去了解这个工具的童鞋阅读。 React是一个非常好的工具，基于它可以编写更加容易理解的J

Package Control 插件是一个方便 Sublime text 管理插件的插件，但因为 Sublime Text 3 更新了 Python 的函数，API不同了，导致基于 Python 开发的插件很多都不能工作，Package Control 原来的安装方法都失效了。 网上有2种使用 Git 的安装方法，感觉太麻烦了。此处将 wbond 网站的 ST3 Package Control 简

如果你在两个月前问我对React的看法,我很可能这样说: 我的模板在哪里?javascript中的HTML在做些什么疯狂的事情?JSX开起来非常奇怪!快向它开火,消灭它吧! 那是因为我没有理解它. 我发誓,React 无疑是在正确的轨道上, 请听我道来. Good old MVC 在一个交互式应用程序一切罪恶的根源是管理状态。“传统”的方式是MVC架构，或者一些变体。MVC提出你的模型是检验真理的

React 是一个 Facebook 和 Instagram 用来创建用户界面的 JavaScript 库。很多人选择将 React 认为是 MVC 中的 V（视图）。 我们创造 React 是为了解决一个问题：构建随着时间数据不断变化的大规模应用程序。 简单 仅仅只要表达出你的应用程序在任一个时间点应该呈现的样子，然后当底层的数据变了，React 会自动处理所有用户界面的更新。 声明式 (Dec

##React无限好,只是我矫情 前置知识点: ES6的class ES6的模板字符串 ES6的模块Modules 本文带有强烈的个人观点,虽然我真的很喜欢React,React真的好用! 但是喜欢不等于无脑,学习其中的精髓才是重点. 其实,我也中了React的毒.什么项目一到我手上,我就想着用React来写.React的思想和项目的结构,可以说我是一见钟情.组件化,数据单流与唯一都让我爱不释手.

http://www.cnblogs.com/sohobloo/p/5387598.html 编者按 使用React的思想来构建应用对我在实际项目中以及帮助他人解决实际问题时起到了很大作用，所以我翻译此文来向那些正在或即将陷入React或React-Native深坑的同胞们表示慰问。网上已经有人翻译过，我想用更易读的语言翻译一次，这也是我首次如此一本正经的翻译技术文章给大众阅读，权当练习吧。 原文

react出来好久了，留意了一下突然火了半边天。在下也只能随波逐流的来学习下了，希望能通过写博客的方式让自己坚持学习下去。 React是Facebook和Instagram用来创建用户界面的JavaScript库。很多人将React认为是MVC中的V。 React的创建是为了解决一个问题：如何构建一个数据交互频繁的大型应用程序 简单 在任何时候都能很不费劲的展现数据，并且当你的数据改变时，Reac

上期周刊时，我们提到接下来的几期都将以 React 为主题，层层引入，通过一个月的时间，完成对 React 的学习、升级、打怪直到自己成为 boss 的所有过程。 这一期，结束了入门（ Vol.8 - React，“5 分钟快速入门”）之后，我们从“一个简单的组件”开始： var HelloMessage = React.createClass({ render: function() {

首先，我们来看看React在世界范围的热度趋势，下图是关键词“房价”和“React”在Google Trends上的搜索量对比，蓝色的是React，红色的是房价，很明显，人类对React的关注程度已经远远超过了对房价的关注。 从这些数据中，大家能看出什么？ 可以很明显的看出，我在一本正经的扯淡。 从2014年到现在，React、jQuery和Angular的热度趋势对比，可以很明显的看到（上图），

isolated ['aɪsəleɪtɪd]   adj. 孤立的；分离的；单独的；[电] 绝缘的 v. 使孤立；使绝缘；脱离（isolate的过去分词） render  打底，渲染     immutable [ɪ'mjuːtəb(ə)l]   adj. 不变的；不可变的；不能变的 encapsulated     英 [ɪn'kæpsəleɪtɪd]   美 [ɪn'kæpsə,let]