- Attention:本文读者需要有前端基础,非面向前端小白。适合有基础的读者快速入门React,略去了文档中的大量easy simple保留核心内容。
导入
React 是一个用于构建跨平台用户界面的JS库。起源于 Facebook。基于声明式和组件驱动来构建UI。采用单向响应的数据流。React 应用程序组成部分:元素和组件,React 元素是不可变对象,更新UI唯一的方式是创建一个全新的元素,并将其传入 ReactDOM.render()。。脚本推荐采用JSX(其他可选:JS\TS)。
React 认为渲染逻辑本质上与其他 UI 逻辑内在耦合,没有采用将标记与逻辑进行分离到不同文件这种人为地分离方式,而是通过将二者共同存放在称之为“组件”的松散耦合单元之中,来实现关注点分离。
JSX 语法上更接近 JavaScript 而不是 HTML,React DOM 使用 camelCase(小驼峰命名)来定义属性的名称,而不使用 HTML 属性名称的命名约定。JSX 会默认对用户输入转义,可以防止XSS