他山之石

Hook 是 React 16.8 的新增特性。它可以让你在不编写 Class 的情况下使用 state 以及其他的 React 特性。 通过自定义 Hook，可以将组件逻辑提取到可重用的函数中。 Hook 介绍 React 16.8 新增 Hook 特性…

本文总结了一些编写 React 代码的建议，有助于理解 React 的渲染机制，主要是通过减少不必要的重新渲染来提升 React 性能。 回顾使用 React 开发的经历，已有接近两年了，一直想要写一篇文章来介绍如何编写高性能的 React 代码，又或者是性能调优之类的…

Redux 使用 CombineReducer 来组合多个 reducer 函数。 之前我们已经完成了 redux 和 react-redux 的大部分功能，本文将结合之前的 To do list 项目来完善我们编写的 redux 和 react-redux，主要是实现…

Webpack 的 Code Splitting 特性能够把代码分离到不同的 bundle 中，然后可以按需加载或并行加载这些文件。 什么是代码分割（code splitting） 我们知道，在使用 webpack 打包 react 应用时，webpack…

React 的核心思想是一切皆组件 在 React 中，一切皆组件。组件可以将 UI 切分为一系列独立的、可复用的部件，这样使我们可以专注于构建每一个单独的部件。 理解 React 中各种各样的组件对于更好的学习 React 变得尤为重要，如 UI 组件、容器组件…

理解 Redux 的原理有助于我们更好的使用它。本文实现 redux 的多个中间件合并功能。 在上一篇文章中实现了 redux 的中间件机制，支持了传入一个中间件的用法，在实际的 redux 中，applyMiddleware 是支持传入多个中间件的，本文使用 redux…

It provides a third-party extension point between dispatching an action, and the moment it reaches the reducer. --- 中间件 本文完整代码请查看…

理解 Redux 的原理有助于我们更好的使用它。本文实现 react-redux 的功能。 在上一篇文章中，实现了一个简单的 Redux，主要是对它的 API 进行了实现。本文将会实现一个简单的 react-redux。 本文完整代码请查看 Github：https:/…

理解 Redux 的原理有助于我们更好的使用它。本文实现 Redux 的基本 API。 Redux 试图让 state 的变化变得可预测。 redux 已经被越来越多的人使用，理解其原理有助于更好的使用它。阅读 redux 源码是一个不错的办法，当我们了解了其原理之后…

redux 专注于状态管理，和 react 解耦，为了方便使用，redux 的作者封装了一个 react 专用的库 react-redux。 前面通过一个简单的计数器应用来学习 redux 的基本原理和用法，在本篇文章，将介绍 redux 如何与 react 结合使用。…

Redux 的核心思想是 Web 应用是一个状态机，视图与状态是一一对应的。 最近一年的工作中都在使用 React 相关的技术栈，当初理解 Redux 也费了很大功夫，一直都想写一点关于 Redux 的教程，现在，终于开始了。 为什么使用 Redux Redux…

React Router 现在已经是 React 开发单页应用必备技能，自升级 V4 版本以来，许多核心 API 都进行了重写，践行路由即组件的概念，本文是我学习 React Router V4 以来的一些总结。 介绍 React-Router V4 是 react…