Refs 是 React 中很少会使用到的特性。如果你已经读过了官方的 React Ref Guide，你会从中了解到 Refs 被描述为重要的 React 数据流的 “逃生舱门”，需谨慎使用。Refs 被视为访问组件的基础 DOM 元素的正确方法。 新的 React Hook…

在Hooks为主的React项目中，会有大量的组件通过函数声明。多数情况下，我们不需要对函数组件的渲染进行特殊优化，即使有些重复渲染因不会对体验造成太大影响也被忽略了。 这里声明了一个函数组件，组件很简单，接受demoUrl props，并作为iframe的src渲染出来。如果…

该项目会以 React 全家桶 (会使用 16.8 最新 API 及 hooks) 以及 mobx 数据流方案为基础打造的一款高质量的移动端音乐类 WebApp 。 axios: 用来请求后端 api 的数据。 此篇为第一篇，主要是 网易云 EggJs API 的实现。后面的数…

这是系列文章，为了大家阅读方便，我会列举出系列文章的目录。 本篇主要讲述webpack 项目初始化配置。如果是webpack的大拿，就可以跳过这片文章了。这篇文章的主要内容有： 先给项目取一个响亮的名字，奉行快乐优先原则，就叫happy-music吧。 webpack4配置不细…

Immer 是一个不可变数据的 Javascript 库，让你更方便的处理不可变数据。 不可变数据概念来源于函数式编程。函数式编程中，对已初始化的“变量”是不可以更改的，每次更改都要创建一个新的“变量”。 Javascript 在语言层没有实现不可变数据，需要借助第三方库来实现…

redux、mobx本身是一个独立的状态管理框架，各自有自己的抽象api，以其他UI框架无关（react, vue...），本文主要说的和react搭配使用的对比效果，所以下文里提到的redux、mobx暗含了react-redux、mobx-react这些让它们能够在reac…

本项目灵感来源于掘金-Vue全家桶高仿网易云音乐mac客户端版,在掘金看到这篇文章,笔者刚开始学习React,便打算使用最新的hooks来实现一遍，加深理解。特此感谢晨曦时梦见兮提供的vue版本。 React、React-Router、React-Redux、Redux-thu…

掌握 React Hooks api 将更好的帮助你在工作中使用，对 React 的掌握更上一层楼。本系列将使用大量实例代码和效果展示，非常易于初学者和复习使用。 今天我们讲讲 Context 对象和 useContext 的使用方法。 考虑这样一种场景，如果组件树结构如下，现…

redux 是状态管理库，与其他框架如 react 是没有直接关系，所以 redux 可以脱离 react 在别的环境下使用。由于没有和react 相关逻辑耦合，所以 redux 的源码很纯粹，目的就是把如何数据管理好。而真正在 react 项目中使用 redux 时，是需要有…