“换句话说,StateUp模式把面向对象的设计方法应用到了状态对象的管理上,在遵循React的组件化机制和基于props实现组件通讯方式的前提之下做到了这一点。” —- 少妇白洁 阅读本文之前,请确定你读过R…
分类:ReactJS
【译】State and Lifecycle (State和生命周期)
下面是react官方文档的个人翻译,如有翻译错误,请多多指出原文地址:https://facebook.github.io/re… Consider the ticking clock example fro…
3月份前端资源分享
更多资源请Star:https://github.com/maidishike… 文章转自:https://github.com/jsfront/mo… 3月份前端资源分享 1. Javascri…
React初探
React 特点 声明式设计 −React采用声明范式,可以轻松描述应用。 高效 −React通过对DOM的模拟,最大限度地减少与DOM的交互。 灵活 −React可以与已知的库或框架很好地配合。 JSX − JSX 是…
React 和 Redux 快速开发实战
今天聊一聊 react + redux 环境快速搭建,以及实战一个 TodoList,可能是有史以来最简洁的方法哦,是不是很期待,当时橙子也是很吃惊这样的搭建速度。 本文适合有 react 和 redux 基础的同学看,…
React Starter Kit 学习笔记
根据http://reactjs.cn/react/docs/…页面中Starter Kit 15.3.1中的例子汇总修改而成。 HTML代码 <!DOCTYPE html> <html l…
打造Redux中间件
简单的 基本中间件: const customMiddleware = store => next => action => { if(action.type !== 'CUSTOM_ACT_TYPE'…
React组件性能优化:PureRender和Immutable Data
1 前言 网页性能最大的限制因素是浏览器重绘(reflow)和重排版(repaint),React的虚拟DOM就是为了尽可能减少浏览器的重绘和重排版,从React的渲染过程看,避免不必要的渲染可以进一步提高性能。 2 P…
使用bundle-loader异步加载react-router
主要技术栈 React,React-redux,React-router,Typescript,antd,Immutable,… 需求 因为项目是一个SPA页面,随着项目的不断迭代,入口文件逐渐增大(app.…
在多个文件中import同一个文件,webpack会多次打包吗
最近自己在练习写React,Vue的时候,会在不同的子组件中多次import同一个文件,例如:import React from 'react'、import Vue from 'vue',引入的次数多了慢慢让我产生了疑…
用React加CSS3实现微信拆红包动画
微信红包曾经引爆过一系列的营销热潮,相信大家对于这种红包形式并不陌生,这里本着娱乐至上的精神用React简单地实现了拆红包的动画效果,供大家一起交流学习 项目源码地址:https://github.com/lionroc…
React的10种有效的设计模式
设计React的10种模式 本文翻译自10 React mini-patterns。这篇文章由mrcode翻译, 如果哪里翻译的不恰当或有错误的地方,欢迎指出。 同时也希望大家关注我的博客。 关注我的账号。 在过去的几年…