前端进阶

9

React中组件逻辑复用的那些事儿

• 刘小夕   5月19日发布
• 5 收藏

基本每个开发者都需要考虑逻辑复用的问题，否则你的项目中将充斥着大量的重复代码。那么 React 是怎么复用组件逻辑的呢？本文将一一介绍 React 复用组件逻辑的几种方法，希望你读完之后能够有所收获。如果你对这...

4

5个技巧助你编写更好的React代码

• 刘小夕   5月11日发布
• 2 收藏

CafeMenu 组件用于存储可用饮料的列表，现在我们想要创建另一个可以显示一种饮料的组件。如果不对 props 进行解构，我们的代码将像下面这样:

15

为什么说for...of循环是JS中的一颗宝石

• 刘小夕   4月8日发布
• 8 收藏

是什么使得一个编程语言的新特性很棒？那就是当这个特性可以结合多个其它特性的时候。 ES2015 版本中引入的 for...of 语句就是这种情况。 for...of 可以迭代数组、类数组以及任何可以迭代的对象(maps、sets、DOM...

92

带你深度解锁Webpack系列(优化篇)

• 刘小夕   3月31日发布
• 74 收藏

带你深度解锁Webpack系列(基础篇)和带你深度解锁Webpack系列(进阶篇)，主要是讲解了 Webpack 的配置，但是随着项目越来越大，构建速度可能会越来越慢，构建出来的js的体积也越来越大，此时就需要对配置进行优化。

44

万字长文带你深度解锁Webpack系列(进阶篇)

• 刘小夕   3月17日发布
• 36 收藏

如果你还没有阅读《4W字长文带你深度解锁Webpack系列(基础篇)》，建议阅读之后，再继续阅读本篇文章。 本文会引入更多的 webpack 配置，如果文中有任何错误，欢迎在评论区指正，我会尽快修正。 webpack 优化部分...

109

4W字长文带你深度解锁Webpack系列（基础篇）

• 刘小夕   3月9日发布
• 91 收藏

webpack 是一个现代 JavaScript 应用程序的静态模块打包器，当 webpack 处理应用程序时，会递归构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将这些模块打包成一个或多个 bundle。

17

动图演示23个鲜为人知的VSCode快捷键

• 刘小夕   1月17日发布
• 14 收藏

尽管我在VS Code中经常使用许多快捷方式，以下快捷方式可能会派上用场，但我经常忘记它们的存在。我制作了一些GIF，以便更好地记住它们。也许这里面也有一些快捷方式你也不记得了，但是却很有用。

36

愿你的指下有代码，眼里有星辰

• 刘小夕   2019-12-25 发布
• 3 收藏

2019年和以往的每一年都不一样，这一年，我离开了熟悉的南京，来到了北京的工作，成为了一名“进城务工人员”。每次从南京回北京的时候，我都笑称自己又要去进城务工了。

13

不容错过的 Babel7 知识

• 刘小夕   2019-12-02 发布
• 9 收藏

不过呢，还是想更进一步了解下，于是最近认真阅读了 Babel 的文档，外加不断编译验证，输出了本篇文章，为了更好的阅读体验，修修改改，最终算是以我个人比较喜欢的方式推进了每个知识点（每一个配置的引入都是有...

37

90行JS代码构建属于你的React

• 刘小夕   2019-11-14 发布
• 25 收藏

本文中的实现借助了 snabbdom ，因此如果你的关注点是虚拟DOM的实现或是将虚拟DOM渲染到浏览器的底层实现，本篇文章中并不会涉及到。

336

9个项目助你在2020年成为前端大师！

• 刘小夕   2019-11-05 发布
• 257 收藏

初学者(也许一些有经验的开发者也是一样)在读完官方文档，想写一个项目练手的时候不知道做什么项目好，或是有想法，但是无从下手。那么这篇文章将会给你带来很大的帮助。

23

你想知道的关于 Refs 的知识都在这了

• 刘小夕   2019-10-29 发布
• 16 收藏

Refs 提供了一种方式，允许我们访问 DOM 节点或在 render 方法中创建的 React 元素。 Refs 使用场景 在某些情况下，我们需要在典型数据流之外强制修改子组件，被修改的子组件可能是一个 React 组件的实例，也可能...

24

【React系列】动手实现一个react-redux

• 刘小夕   2019-10-09 发布
• 16 收藏

react-redux 是 redux 官方 React 绑定库。它帮助我们连接UI层和数据层。本文目的不是介绍 react-redux 的使用，而是要动手实现一个简易的 react-redux，希望能够对你有所帮助。

55

【React系列】从零开始手写redux

• 刘小夕   2019-09-19 发布
• 35 收藏

Redux 是 JavaScript 状态容器，提供可预测化的状态管理。Redux 除了和 React 一起用外，还支持其它界面库。Redux 体小精悍，仅有 2KB。这里我们需要明确一点：Redux 和 React 之间，没有强绑定的关系。本文旨在...

50

Array.from() 五个超好用的用途

• 刘小夕   2019-08-29 发布
• 36 收藏

翻译：刘小夕原文链接：[链接] 因水平有限，文中部分翻译可能不够准确，如果你有更好的想法，欢迎在评论区指出。 更多文章可戳: [链接] 任何一种编程语言都具有超出基本用法的功能，它得益于成功的设计和试图去解...

14

可靠React组件设计的7个准则之终篇

• 刘小夕   2019-08-22 发布
• 12 收藏

尽管 组合、复用 和 纯组件 三个准则阅读量不高，不过本着有始有终的原则，当然我个人始终还是觉得此篇文章非常优质，还是坚持翻译完了。本篇是最后 可靠React组件设计 的最后一篇，希望对你的组件设计有所帮助。

7

可靠React组件设计的7个准则之组合和复用

• 刘小夕   2019-08-12 发布
• 5 收藏

原文的篇幅非常长，不过内容太过于吸引我，还是忍不住要翻译出来。此篇文章对编写可重用和可维护的React组件非常有帮助。但因为篇幅实在太长，我对文章进行了分割，本篇文章重点阐述 组合和复用。因水平有限，文...

15

可靠React组件设计的7个准则之封装

• 刘小夕   2019-08-09 发布
• 11 收藏

原文的篇幅非常长，不过内容太过于吸引我，还是忍不住要翻译出来。此篇文章对编写可重用和可维护的React组件非常有帮助。但因为篇幅实在太长，我对文章进行了分割，本篇文章重点阐述 封装。因本人水平有限，文中...

7

可靠React组件设计的7个准则之SRP

• 刘小夕   2019-08-08 发布
• 5 收藏

原文的篇幅非常长，不过内容太过于吸引我，还是忍不住要翻译出来。此篇文章对编写可重用和可维护的React组件非常有帮助。但因为篇幅实在太长，我不得不进行了分割，本篇文章重点阐述 SRP，即单一职责原则。

11

深入理解全能的 Reducer

• 刘小夕   2019-08-07 发布
• 8 收藏

这两段代码在功能上是等价的，都是数组中所有数字的总和，但是它们之间有一些理念差异。让我们先研究一下 reducer，因为它们功能强大，而且在编程中很重要。有成百上千篇关于 reducer 的文章，最后我会链接我喜欢...