本文主要对基于react的UI库 material-ui源码分析,重点关注组件设计方面,学习其抽取组件和主题的思想。 技术栈 react-material-ui是基于react的UI库。 样式:内联css inline-…
分类:ReactJS
浅析React之事件系统(二)
上篇文章中,我们谈到了React事件系统的实现方式,和在React中使用原生事件的方法,那么这篇文章我们来继续分析下,看看React中合成事件和原生事件混用的各种情况。 上一个例子 在上篇文章中,我们举了个例子。为了防止…
单页面开发思路, 阶段小结
去年年底在公司内部发过一篇梳理, 回顾了下两年面对的各种前端问题单页面由于正在发展之中, 加上 React 社区的发展, 细节不少虽然不是很难的东西, 但一边摸索一边推进不得不想了挺多考虑到后面不是做大型单页面应用, 中…
关于 Quamolit 动画方案设计的思考
最近两周在思考 React 动画的问题, 也就是 Quamolit 的代码之前实现的 Respo 属于山寨 React, 实际上复杂度比起 React 低太多了回过头想想挺走运, 想清楚了 sorted-map diff…
用webpack来取代browserify
本来打算一心跟着browserify走的,但是无奈它的transform机制令人烦躁。今天有这么一个需求,配置了一会,感觉用browserify搞不定。 一个react项目,我的jsx文件需要编译,于是jsx中会requ…
ReactJS 快速入门
React 是近期非常热门的一个前端开发框架。 这篇文章将介绍如何使用 React 来创建用户界面,希望能够起到抛砖引玉的效果。 相对于其他框架来说,React 提供了非常少的 API, 如同 Gulp, 越是少量的 A…
[译] Flux 入门
原文链接:The Flux Quick Start Guide 本文将概括性的介绍如何使用 Flux 架构开发 JavaScript 应用,用尽可能少的篇幅带你熟悉 Flux 的核心概念。你也可以结合 starter k…
MobX
1. 介绍 1.1. 原理 React的render是 状态 转化为树状结构的渲染组件的方法 而MobX提供了一种存储,更新 状态 的方法 React 和 MobX都在优化着软件开发中相同的问题。 React 使用的方法…
用React+Redux+ES6写一个最傻瓜的Hello World
最近Redux+React似乎在前端圈子里越来越火了,然而即使是官方的文档也只给出了一个TodoMVC的范例,里面上百行的代码以及过多的新概念,对于很多初学者(包括我)来说依然很复杂。 google百度搜了搜,也一直没有…
React实战之错误锦集
Warning Warning: Unknown DOM property class. Did you mean className? 发生情况使用class设置element的类名时,如: var Com=React…
单页应用SEO浅谈(转载)
单页应用SEO浅谈 单页应用(Single Page Application)越来越受web开发者欢迎,单页应用的体验可以模拟原生应用,一次开发,多端兼容。单页应用并不是一个全新发明的技术,而是随着互联网的发展,满足用户…
实例讲解Redux
实例讲解Redux 示例代码地址在这里 ,你可以通过git clone命令clone到本地,也可以直接下载。 然后通过执行npm install 安装所依赖的模块 。之后便可以通过node 执行示例代码。 什么是Redu…