这是一篇关于使用 React Hooks 构建 Todo 应用的实战教程。文章详细介绍了组件设计、自定义 Hooks 状态管理、Stylus 样式处理等现代 React 开发实践。

现在写 react 组件基本都是 function + hooks 了，因为 hooks 很强大也很灵活。 比如 useState 可以声明和修改 state，useEffect 可以管理异步逻辑，u

前端开发经常会涉及表单的处理，或者其他一些用于输入的组件，比如日历组件。 涉及到输入，就绕不开受控模式和非受控模式的概念。 什么是受控，什么是非受控呢？ 想一下，改变表单值只有两种情况： 用户去改变

大家好，我叫小杜杜，是一个喜欢动手敲代码的小菜鸟，我认为代码应该亲自敲一遍，才能更好的熟记于心，作为一个程序员，我们与自己的小伙伴共同开发、维护于一个项目，需要保持代码的整洁、清晰

Fiber是react团队花费两年的时间重构的架构，那么你知道如何将jsx转化为fiber链表，又是如何将链表链接起来的？fiber中又保存了哪些信息吗？..。

大家好，我是小杜杜，我们知道 Hooks 的出现即保留了函数式组件的简洁，又让其拥有自己的状态、处理一些副作用的能力、获取目标元素的属性、缓存数据等。

大家好，我是小杜杜，React Hooks的发布已经有三年多了，它给函数式组件带来了生命周期，然而你真的完全掌握hooks了吗？知道如何去做一个好的自定义hooks吗？

在 React hook 中，useEffect 用来取代 componentDidMount 和 componentDidUpdate。主要作用是当页面渲染后，进行一些副作用操作（比如访问 DOM，请求数据）。 而 useLayoutEffect 的作用和 useEffect…

为什么有 useEffect？ 我们先从最基础的说起。 你写 React 组件时，里面不能直接写定时器、发请求、加事件监听这些副作用操作，因为它们不是“纯粹的 UI 渲染”。