/React-practice-app

Learn React

Primary LanguageJavaScriptMIT LicenseMIT

开启项目

Components目录

第一个阶段

  • Lesson 1 - React.js 简介
  • Lesson 2 - 前端组件化(一):从一个简单的例子讲起
  • Lesson 3 - 前端组件化(二):优化 DOM 操作
  • Lesson 4 - 前端组件化(三):抽象出公共组件类
  • Lesson 5 - React.js 基本环境安装
  • Lesson 6 - 使用 JSX 描述 UI 信息
  • Lesson 7 - 组件的 render 方法
  • Lesson 8 - 组件的组合、嵌套和组件树
  • Lesson 9 - 事件监听
  • Lesson 10 - 组件的 state 和 setState
  • Lesson 11 - 配置组件的 props
  • Lesson 12 - state vs props
  • Lesson 13 - 渲染列表数据
  • Lesson 14 - 实战分析:评论功能(一)
  • Lesson 15 - 实战分析:评论功能(二)
  • Lesson 16 - 实战分析:评论功能(三)

第二个阶段

  • Lesson 17 - 前端应用状态管理 —— 状态提升
  • Lesson 18 - 挂载阶段的组件生命周期(一)
  • Lesson 19 - 挂载阶段的组件生命周期(二)
  • Lesson 20 - 更新阶段的组件生命周期
  • Lesson 21 - ref 和 React.js 中的 DOM 操作
  • Lesson 22 - props.children 和容器类组件
  • Lesson 23 - dangerouslySetHTML 和 style 属性
  • Lesson 24 - PropTypes 和组件参数验证
  • Lesson 25 - 实战分析:评论功能(四)
  • Lesson 26 - 实战分析:评论功能(五)
  • Lesson 27 - 实战分析:评论功能(六)

第三个阶段

  • Lesson 28 - 高阶组件(Higher-Order Components)
  • Lesson 29 - React.js 的 context
  • Lesson 30 - 动手实现 Redux(一):优雅地修改共享状态
  • Lesson 31 - 动手实现 Redux(二):抽离 store 和监控数据变化
  • Lesson 32 - 动手实现 Redux(三):纯函数(Pure Function)简介
  • Lesson 33 - 动手实现 Redux(四):共享结构的对象提高性能
  • Lesson 34 - 动手实现 Redux(五):不要问为什么的 reducer
  • Lesson 35 - 动手实现 Redux(六):Redux 总结
  • Lesson 36 - 动手实现 React-redux(一):初始化工程
  • Lesson 37 - 动手实现 React-redux(二):结合 context 和 store
  • Lesson 38 - 动手实现 React-redux(三):connect 和 mapStateToProps
  • Lesson 39 - 动手实现 React-redux(四):mapDispatchToProps
  • Lesson 40 - 动手实现 React-redux(五):Provider
  • Lesson 41 - 动手实现 React-redux(六):React-redux 总结
  • Lesson 42 - 使用真正的 Redux 和 React-redux
  • Lesson 43 - Smart 组件 vs Dumb 组件
  • Lesson 44 - 实战分析:评论功能(七)
  • Lesson 45 - 实战分析:评论功能(八)
  • Lesson 46 - 实战分析:评论功能(九)