一直在思考React组件如何拆分的问题，直到接触到styled-components，让我有一种如鱼得水的感觉，今天我就给大家分享一下这个库如何让我们的前端组件开发的更优雅，如何保持更合适的组件拆分粒度从而更容易维护。 styled-components是给React量身定制的…

不愿清醒，宁愿一直沉迷放纵。 不知归路，宁愿一世无悔追逐。 --- 王小波 redux是的诞生是为了给 React 应用提供「可预测化的状态管理」机制。 提供subscribe，dispatch，getState这些方法。 按步骤手把手实战。 不就ok了吗？这就是 react-…

JavaScript 语言采用的是单线程模型，也就是说，所有任务只能在一个线程上完成，一次只能做一件事。如果页面比较复杂，添加了大量的计算，并且还添加了Canvas(Canvas 是一个非常受欢迎的表现方式，同时也是WebGL的入口。它能绘制图形，图片，展示动画，甚至是处理视频…

之前写过一篇 Vue 异步组件的文章，最近在做一个简单项目的时候又想用到 React 异步组件，所以简单地了解了一下使用方法，这里做下笔记。 传统的 React 异步组件基本都靠自己实现，自己写一个专门的 React 组件加载函数作为异步组件的实现工具，通过 import() …

接下来我们试着一个一个去实现。当然这其中包括了为什么需要redux的历史演化的过程，总的用了十几个commit来完成了这篇文章，基本上每个commit实现TODO list中的一个计划（在这墙裂推荐你使用source tree这个工具来查看各个commit都干了啥，修改了啥，对…

数据结构指的是缓存在内存中的数据变量，包括类、函数、方法、变量以及它们的继承、聚合、回调、消息通知等关系。 随着 JavaScript 单页应用开发日趋复杂,管理不断变化的 state 非常困难。如果将其单独抽出来会不会更完美呢？用一个词形容：各司其职 进货出货，需要凭证，俗称…

设计前端组件是最能考验开发者基本功的测试之一,因为调用Material design、Antd、iView 等现成组件库的 API 每个人都可以做到,但是很多人并不知道很多常用组件的设计原理。 我们在学习设计模式的时候会遇到很多种设计原则,其中一个设计原则就是单一职责原则,在组…

在这篇文章中，你将学习两种在JavaScript（ES6）中创建变量的新方法，let和const。 在此过程中，我们将研究var，let和const之间的差异，以及函数与块级作用域，变量提升和不变性等主题。 ES2015（或ES6）引入了两种创建变量的新方法，let和const…

本文教你实现一个最简单的 Redux 应用，以及结合 React 如何使用。 状态管理工具，使用之后可以清晰的知道应用里发生了什么。数据如何修改，如何更新的。 后来慢慢的应用越做越多，功能越做越复杂，就会发现，很多数据什么原因修改的，什么时候修改的，自己是一脸懵逼。啥也想不起来…