本视频由 保利威 提供技术支持

React Hooks 案例详解 - useState

特别提示:视频在播放前十几秒清晰度逐渐提高。同学们请放大视频,等待几秒即可。课程如有任何问题,欢迎留言反馈。(本小节代码字体偏小,请放大屏幕等待几秒即可看清)

React Hooks 案例详解 - useState

本课程,作者经过精心的案例准备和课程大纲的设计。所有案例均可在 Github 下载。包含大量 React 案例代码
希望能给大家快速掌握 Hooks 这个重要的新特性带来帮助。课程中遇到问题,欢迎通过思否或在下面的网址进行反馈。
早鸟优惠:课程上架第一周8折优惠。
课程源码:见最后一课视频末尾。
问题反馈:问题反馈

你将学到的内容:

  • 为什么 React 越来越支持使用函数组件。
  • 案例讲解React Hooks 与先前解决方案的对比。
  • React Hooks 的所有 Api 和使用案例。
  • 自定义 Hooks 解耦“状态相关逻辑”。

适合人群

  • 刚开始学习React,还没用过状态管理。
  • 有 react 基础知识。希望找到开发 React 的正确姿势。
  • 对前端开发有较多经验,想拓展下思路,了解下 React 的新特性。

引言

  • 如释重负,好用的技术就应该越来越简单。
  • 初识 React 带来了方便也带来了迷茫。
  • 大型项目中模块化与功能解耦没有那么简单。
  • 易读为王,真正为“猿类”编写的代码才是好代码。
  • React Hooks 真正开启前端模块化的金钥匙。

课程大纲

Basic Hooks

  • useState
  • useEffect
  • useContext

Additional Hooks

  • useReducer
  • useCallback
  • useMemo
  • useRef
  • useImperativeHandle
  • useLayoutEffect
  • useDebugValue
  • 自定义 Hooks