响应式系统与React | 青训营

63 阅读2分钟

一 . React 简介

什么是 React

  1. React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。

  2. React 是一个用于构建用户界面的 JavaScript 库。React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。

  3. React 是用于动态构建用户界面的 JavaScript 库 (只关注于视图)

React 官网

reactjs.org/

react.docschina.org/

React 基础知识

  1. 组件化React 的核心概念是组件,它将用户界面划分为一系列独立、可复用的部分。每个组件都有自己的状态和属性,并可以根据这些属性来渲染视图。

  2. 虚拟DOMReact 使用虚拟 DOM 来提高性能。虚拟 DOM 是一个轻量级的JavaScript对象树,它与实际的DOM进行比较并进行最小化的更新。

  3. JSX语法React 使用 JSX 语法,它是一种类似 HTML 的语法扩展,允许开发人员在 JavaScript 代码中编写类似 HTML 的结构。

  4. 单向数据流React 使用单向数据流,也称为自上而下或父子组件之间的数据传递。父组件可以将属性传递给子组件,但子组件不能直接修改父组件的属性。

  5. 生命周期方法:React组件具有一系列的生命周期方法,例如 componentDidMount和componentWillUnmount。这些方法可以用来在组件的不同阶段执行特定操作。

  6. 状态管理React 提供了一种称为状态管理的机制,允许组件在其生命周期内管理和更新自己的状态。这个状态可以通过 setState 方法进行更新。