在线阅读: http://huziketang.com/books/react/
这是一本关于 React.js 的小书。
因为工作中一直在使用 React.js,也一直以来想总结一下自己关于 React.js 的一些知识、经验。于是把一些想法慢慢整理书写下来,做成一本开源、专业、简单的入门级别的小书,提供给社区。希望能够帮助到更多 React.js 刚入门朋友。
由于水平有限,编写的过程难免会有诸多错误,也希望大家在看的过程中发现了问题,可以在 Github 上给该项目发 Pull Request。衷心希望可以有更多的人参与到本书的编写当中。
(本书的后续可能会做成视频版本,敬请期待。)
本书为有一点前端基础的并且是 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-router、redux 来协助我们构建较为完整的前端应用;还会开始深入讨论前端应用状态管理的问题。
第一个阶段
[图片上传失败...(image-623c7d-1510227273169)]
第二个阶段
[图片上传失败...(image-54e0d3-1510227273169)]
第三个阶段
特别感谢以下朋友对本书所做的审校工作,给本书提出了很多宝贵的改进意见:
本作品采用 署名-禁止演绎 4.0 国际许可协议 进行许可
用firedebug插件来调试JS需要掌握以下快捷键:
直接按Ctrl+Shift+K 三键组合直接打开Firebug.这里的调试网页主要以修改百度的首页。
第一:调试网络情况
打开百度首页。同时打开 firebug。(Ctrl+shift+K)可以右键点击网络标签查看网页源代码。
第二:调试器
调试器可以查看网页请求的js脚本以及脚本的定义,以及脚本的变量的实时值。如图: