react.js

React 学习指南及前端干货

7分钟入门react的视频https://egghead.io/lessons/re... 这个react的项目不错,跟着走一遍 你会清楚很多http://www.kancloud.cn/kanclo... 使你的 React 应用兼容 IE8https://github.com/xcatliu/re... React学习资源https://github.com/simo

React设计模式:深入理解React&Redu原理套路

原文地址本文从属于笔者的React入门与最佳实践系列,推荐阅读GUI应用程序架构的十年变迁:MVC,MVP,MVVM,Unidirectional,CleanCommunicationReact组件一个很大的特性在于其拥有自己完整的生命周期,因此我们可以将React组件视作可自运行的小型系统,它拥有自己的内部状态、输入与输出。Input对于React组件而言,其输入的来源就

React-Redu性能优化

前面写了两篇文章《React组件性能优化》《Redux性能优化》,分别针对React和Redux在使用上的性能优化给了一些建议。但是React和Redux一起使用还需要一个工具React-Redux,这一篇就说一下React-Redux在使用上的一些性能优化建议。React-Redux是官方的React和Redux链接工具Provider一个很简单的React组件,它主要的

不懂函数式?用mob来写react应用吧

目的直接了当吧:其实这篇就是想安利大家一个新的状态管理库。如果你使用react,更熟悉面向对象,羡慕vue的简单直观,对redux感觉有些烦躁,真心安利你,体验下mobx.安利的同时,略带些内容。内容走起内容因为看到redux的作者,在twitter推荐了mobx这个库:unhappy with redux? try mobx大神主动推荐自己成名作品的替代品?!!!于是立马

[译] React 组件中绑定回调

原文:Binding callbacks in React components在组件中给事件绑定处理函数是很常见的,比如说每当用户点击一个button的时候使用console.log打印一些东西。class DankButton extends React.Component { render() { return Click me! } handleClic

浅谈Redu(之一):Middleware原理

Redux作为目前最火的Flux模式实现之一,它有很多的点值得研究。今天我们首先来看看它的Middleware。熟悉Express或者koa的朋友对Middleware的概念一定不陌生。例如Express中是这样使用一个中间件的:var app = express();app.use(function(req, res, next) { console.log('%s %

Reactjs快速上手

React简述React是由fackbook开放的一个构建用户接口的javascript类库,其主要目的是为了开发随时间数据不断变化的大型应用程序,许多开发者将React视作为MVC模式中的V.2011年React开始被fackbook工程师着手开发,并作为内部使用,2013年正式开源,学习react需要掌握一定的JavaScript基础。React的优势交互式开发 :当有

React中函数式声明组件

本文从属于React入门与最佳实践中的React组件基础前文介绍的组件的定义方式主要是声明式组件,其与传统的jQuery中以DOM操作为核心的命令式组件生成相比具有更大的灵活性与可组合性。而实际上随着应用复杂度与所需要的组件数目的持续增加,我们所需要的组件也会被划分为很多的类型。从组件组合的角度或者所谓动态组件的角度来看,常见的即是HOC模式,即将某个组件作为另一个组件的P

React-Redu源码剖析

React-Redux是用在连接React和Redux上的。如果你想同时用这两个框架,那么React-Redux基本就是必须的了。为了能够更好的使用这个工具,今天就对它进行一下源码剖析。Provider一个React组件,一般你的rootApp要放倒这个组件内部渲染。它很简单,最关键的作用就是在context中放入Redux的store,方便子组件获取。关键代码:getCh