01｜认识 React：如何创建你的第一个 React 应用？

王沛 2021-05-24

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