建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

在 web 页面中，如果需要改变多个元素的位置，可以通过元素拖动来实现。HTML5中加入了一个全局属性draggable，通过设置该属性的值为 true/false 来控制元素是否可拖动。需要注意的是： 链接和图片默认是可拖动的，可以通过将 draggable 设置为false…

依靠单枪匹马的 react 来构建应用的情况下，组件之间的通讯一直是个难题，借助于 redux，这个问题将迎刃而解，同时，redux 也使得构建一个复杂大型的应用成为可能，redux 是可选方案，但是作为学习对象，你千万不要错过！

译者：珂珂（沪江前端开发工程师） React-Natvie 和 Redux？ 一旦你开始学习 React-Natvie（或 React），在有人向你提及 Redux 之前，你大概只落后了 3 个 stack overflow 的问题，或者 medium.com 上几篇博客的距离。 你当然很高兴了。你开始理解 state 和 props 的区别了，你知道了 componentDidMount 是干啥的了，你甚至懂得了怎样合理地创建一个可复用组件。但是忽然间，你发现自己到了 egghead.io 网站上，这里的一些家伙正讨论着 stores、reducer compositions、action，还有将 state 映射到 props。

webpack-react 之 webpack 篇（上）

这是一篇给初学者的教程, 在这篇教程中我们将通过构建一个 Hacker News 的前端页面来学习 React 与 Webpack. 它不会覆盖所有的技术细节, 因此它不会使一个初学者变成大师, 但希望能给初学者一个大致印象.

原文地址：Functional setState is the future of React 原文作者：Justice Mba 译文出自：掘金翻译计划 译者：reid3290 校对者：sunui，imink React 使得函数式编程在 JavaScript 领域流行了起来，…

规范自己的代码从 ESlint 开始。 ESlint 和 webpack 集成，在 babel 编译代码开始前，进行代码规范检测。 Eslint介绍 ESLint是js中目前比较流行的插件化的静态代码检测工具。通过使用它可以保证高质量的代码，尽量减少和提早发现一些错误。使用es…

这是为 react 提供的一个验证码倒计时组件