你好,我是王沛。欢迎来到我们的第一节课:认识 React ,并创建你的第一个 React 应用。
在这一讲,我会先带你了解 React 的创新之处,从而理解为什么它能成为最为主流的前端框架。然后再来学习和理解 React 的基本概念,帮助你了解 React 。最后,我会通过一个实战项目,带着你创建你的第一个 React 应用。
React 的颠覆式创新
React 的中文含义是“反应”或“响应”,它描述了 React 这样一个前端框架的核心原理:当数据发生变化时,UI 能够自动把变化反映出来。这在 React 当时出现的背景之下,可以说是一个颠覆式的创新。
我之所以用“颠覆”这个词,是因为它不仅提供了一个框架,而且彻底改变了前端的开发思路,甚至电脑桌面、手机应用的开发也受到了 React 开发思路的影响。
在 2013 年 React 出现之时,主流的开发 UI 的方式仍然是基于浏览器 DOM 的 API,去精细地控制 DOM 节点的创建、修改和删除。为了保证 UI 上的一致性,我们需要非常小心地处理因各种数据的变化而导致的 UI 的变化。
举个例子。对于一个聊天应用,当来了一条新消息时,我们一方面需要在聊天框内添加一条新消息,同时也要在显示消息数量的地方让数字加 1,这样才能保证 UI 的一致性。