React.js 小书

React.js 小书,作者:[胡子大哈]。本书为有一点前端基础的并且是 React.js 零基础的同学而作,帮助他们掌握 React.js 并且灵活地把 React.js 应用到实际项目当中。如果你有一定的 HTML、CSS、JavaScript 基础并且希望学习 React.js,而又觉得 React.js 当中有些概念比难以接受和理解,希望能够从零开始学习,那么本书很适合你。但如果你已经对前端已经非常熟悉并且用过不少的前端框架和相关的组件化技术,建议你直接看官网文档。
本书并不会文档式地包含所有知识点,只会提炼实战经验中基础的、重要的、频繁的知识进行重点讲解,让你能用最少的精力深入了解实战中最需要的 React.js 知识和套路,轻装上路。如果需要更多更全面的知识点,可以参看更多的官方文档或者其他丰富的资料。
**另外,本书全书采用 ECMAScript 2015,阅读之前请确保自己已经掌握了 ECMAScript 2015 的基本语法,否则阅读起来会非常困难。**
本书初定分为三个阶段,每个阶段最后会有实战分析,把该阶段的知识点应用起来。
**第一个阶段**:希望能让读者掌握 React.js 的基本概念和基础知识。包括问题的根源:前端组件的复用性问题、数据和视图的同步问题。了解清楚问题以后再了解 React.js 的基础知识,包括 JSX、事件监听、state、props、列表渲染等。看看 React.js 是怎么解决这些问题的。这个阶段结束以后,读者就可以可以运用 React.js 构建简单的页面功能。
**第二个阶段**:让读者更进一步了解 React.js,包括组件生命周期及其含义、state 和 props 的进阶概念、props 验证及其意义、组件组合进阶、如何和 DOM 打交道、并且开始引入前端应用状态管理所存在的问题。
**第三个阶段**:让读者掌握 React.js 较为高级的概念,包括高阶组件、context。并且尝试引入 React-redux 来协助我们构建较为完整的前端应用,还会开始深入讨论前端应用状态管理的问题;关于 React-router 也会有所提及。

    **第一个阶段**
  1. React.js 简介
  2. 前端组件化(一):从一个简单的例子讲起
  3. 前端组件化(二):优化 DOM 操作
  4. 前端组件化(三):抽象出公共组件类
  5. React.js 基本环境安装
  6. 使用 JSX 描述 UI 信息
  7. 组件的 render 方法
  8. 组件的组合、嵌套和组件树
  9. 事件监听
  10. 组件的 state 和 setState
  11. 配置组件的 props
  12. state vs props
  13. 渲染列表数据
  14. 实战分析:评论功能(一)
  15. 实战分析:评论功能(二)
  16. 前端应用状态管理 —— 状态提升
  17. **第二个阶段**
  18. 挂载阶段的组件生命周期(一)
  19. 挂载阶段的组件生命周期(二)
  20. 更新阶段的组件生命周期
  21. ref 和 React.js 中的 DOM 操作
  22. props.children 和容器类组件
  23. dangerouslySetHTML 和 style 属性
  24. PropTypes 和组件参数验证
  25. 实战分析:评论功能(四)
  26. 实战分析:评论功能(五)
  27. 实战分析:评论功能(六)
  28. 高阶组件(Higher-Order Components)
  29. **第三个阶段**
  30. React.js 的 context
  31. 动手实现 Redux(一):优雅地修改共享状态
  32. 动手实现 Redux(二):抽离 store 和监控数据变化
  33. 动手实现 Redux(三):纯函数(Pure Function)简介
  34. 动手实现 Redux(四):共享结构的对象提高性能
  35. 动手实现 Redux(五):不要问为什么的 reducer
  36. 动手实现 Redux(六):Redux 总结
  37. 动手实现 React-redux(一):初始化工程
  38. 动手实现 React-redux(二):结合 context 和 store
  39. 动手实现 React-redux(三):connect 和 mapStateToProps
  40. 动手实现 React-redux(四):mapDispatchToProps
  41. 动手实现 React-redux(五):Provider
  42. 动手实现 React-redux(六):React-redux 总结
  43. 使用真正的 Redux 和 React-redux
  44. Smart 组件 vs Dumb 组件
  45. 实战分析:评论功能(七)
  46. 实战分析:评论功能(八)
  47. 实战分析:评论功能(九)