react.js

用Vue写了一个github-eplorer

github-explorerVue and React are both hot, SMOKING HOT!源码地址简介这是Vue版本的github-explorer。之前在掘金看到了一个React版本的github-explorer,觉得非常有趣,而且个人十分喜欢Vue,所以就用Vue重写了一遍。这两个版本的所有组件几乎一致,而且样式文件全都套用在了上面,不一样的地方或

React.createClass和etends Component的区别

createClass本质上是一个工厂函数,extends的方式更加接近最新的ES6规范的class写法。两种方式在语法上的差别主要体现在方法的定义和静态属性的声明上。createClass方式的方法定义使用逗号,隔开,因为creatClass本质上是一个函数,传递给它的是一个Object;而class的方式定义方法时务必谨记不要使用逗号隔开,这是ES6 class的语法规

一次React+Redu实践及思考

本部分的代码参考ConfigurableAPIServer 这是笔者第一次将React+Redux应用到一个较为复杂的项目中,这个项目初期遇到最大的问题是以何种粒度进行组件拆分,因为该项目没有专配的UI,所以是程序猿直接按照自己的理解进行开发,在这种情况下,笔者习惯性的先写了一个包含菜单以及常见控制项的整体项目,然后再进行拆分。笔者在本文中就是把一些迭代和自己感受到的点扯扯

前端工程化工具初选

面对日益纷杂的前端工具,作为新人常感无从下手。经过一番检索和简单对比,再结合自己的喜好,筛选了将要学习和使用的工具,以适应日益工程化、专业化的 Web 前端开发工作。库与框架jQuery 操作dom的神器,曾经一度火的一塌糊涂。jQuery UI: 一个JQuery的UI框架,特点是高效、组件化Vue.js: 数据驱动的组件,为现代化的 Web 界面而生angularjs

Redu 最佳实践[译]

摘要Redux 是 其他 flux 框架 推荐使用的 React 框架。当我开始写这篇文章时,它还是 1.0.0 版本,当这篇文章发布时,它已经是 3.0.0 了。它的作者,Dan Abramov 已经发布一些很棒的 文档,但是他依然没有完全指明如何在大规模项目中使用 Redux,所以人们开始问了 “有哪些大型项目使用了 Redux”. 好吧,希望这篇文章可以解决这些疑惑。

React实践 - Component Generator

我们开发一个新产品的时候,通常会先抽象出一些公用的组件,然后通过这些组件来拼装成页面。不知道大家有没有发现,这种开发方式带来的问题是一个团队内经常会有这样的场景:A 已经开发了一个 XX 表格模块,B 要开发一个类似的 YY 表格模块,然后 B 通常是去把 A 的代码 copy 一下,修改一些东西;或者不巧 B 不知道 A 已经开发 XX 表格,然后 B 又得一行行的写一些

refle中Action.do...();的事件执行顺序

场景 page文件里: mixins:[Reflux.connect(Store)], getInitialState: function () {Action.getInitData(); },store文件里: var Store = Reflux.createStore({listenables: [Action],data: {},onGetInitData : f

开发工具心得:如何 10 倍提高你的 Webpack 构建效率

0. 前言图1:ES6 + Webpack + React + Babelwebpack 是个好东西,和 NPM 搭配起来使用管理模块实在非常方便。而 Babel 更是神一般的存在,让我们在这个浏览器尚未全面普及 ES6 语法的时代可以先一步体验到新的语法带来的便利和效率上的提升。在 React 项目架构中这两个东西基本成为了标配,但 commonjs 的模块必须在使用前

React+reflu应用 IE8/9/10/11兼容实践

一、挑战原本的平台业务只在手机移动端上跑,所以日常开发的习惯都是不考虑(也不需要考虑)兼容性的问题。平时会使用很多在低级别浏览器(IE8+)无法运行的API和框架(React、reflux)。在某次合作方接入竞猜平台的需求中,怎么让应用在我们PC端上跑起来,便成了挑战,也是这篇文章的起点~二、思路/解决1、分析数据确定方向首先确定主要攻坚的浏览器版本类型,于是跑到度娘那查了