React文档课

React文档课概览

Note

本站点包含很多可实时运行的Demo,在PC端阅读将获得更好的体验!

做具体章节一定要再次去找材料准备

你会学到

  • Get Start
    • 如何引入 React
      • 直接在 html 引入,演示直接写 js
      • 采用 build 工具(只介绍)
    • 介绍我们演示的方式,使用 cra
    • 第一个 Demo,jsx
  • 理解 JSX参考
    • JSX 代表着什么(如何编译,可否定制)
    • 条件/循环 渲染
    • 表达式
    • JSX 编译结果是和 babel 之类的编译工具有关
    • element types
      • string/number/null/undefined
      • Element
      • Fragment(也是一种 Element)
      • Array
      • Symbol(StrictMode,Provider,Consumer)
  • Components
    • Functional Component
    • Class Component
    • PureComponent
    • React.memo
    • lifecycle(只介绍),单独讲 Error Boundary
      • getDerivedStateFromProps
      • getSnapshotBeforeUpdate
      • getDerivedStateFromError
  • DOM
    • Event Handler
    • _dangerslySetHtml
    • htmlFor
    • controlled input
    • ref(createRef, useRef, functionRef, stringRef(目前已经无法使用))
  • 数据传递
    • props
    • context
      • useContext/createContext
      • Provider/Consumer, name
      • class component: contextType
  • 状态管理
    • useState/setState
    • useReducer
    • 状态切片(闭包陷阱)
    • useRef
      • 规避闭包陷阱
      • 无法引起更新
  • Hooks
    • 自定义 hooks
  • 高级用法
    • HOC
    • forward ref
    • vs hook
    • render props
  • Rendering
    • when will render
    • useState vs useRef
    • Optimizing
      • memo/useCallback/useMemo/pureComponent
      • 宗旨就是减少渲染
    • Profiler(性能监控)
  • Effect
    • useEffect vs useLayoutEffect
    • what is effect
  • Event
    • 扩展属性
    • event pool,事件结束之后会清除
  • API
    • create portal