2023网易云音乐年度听歌报告已经上线，你它被刷屏了吗？有没有好奇那些精美的动效是如何制作的呢？这篇文章将为你揭秘年报的动效是如何设计和落地的。

Remix 什么是 Remix Remix 是一个可以让你专注于用户界面并且重新学习 Web 基础知识来为用户提供快速流畅的用户体验的全栈 Web 框架。

Hook最典型的就是取代掉生命周期中大多数的功能，可以把更相关的逻辑放在一起，而非零散在各个生命周期方法中；

1. 组件 1.1 组件有函数式组件和Class类组件 1.2 渲染组件 1.3 受控组件 与 非受控组件 受控组件： 对某个组件状态的掌控，它的值是否只能由用户设置，而不能通过代码控制； 非受控组件

在 React 16.8 之前，函数组件只能是无状态组件，也不能访问 react 生命周期。hook 做为 react 新增特性，可以让我们在不编写 class 的情况下使用 state 以及其他的 react 特性，例如生命周期。接下来我们便举例说明如何使用 hooks 来模…

React17将只提供别名，取个别名的目的就是恶心你，不让你使用。 getSnapshotBeforeUpdate() 在最近一次的渲染输出被提交之前调用。也就是说，在 render 之后，即将对组件进行挂载时调用。 componentDidUpdate() 会在更新后会被立即…

【脚手架】从0到1搭建React18+TS4.x+Webpack5项目，主技术栈：webpack5 + React18 + TS4.x + React-Router6.x