React?

作者: Lia代码猪崽 | 来源:发表于2018-06-07 16:20 被阅读5次

一、什么是React

React是Facebook开发的一款JS库。

二、React的特点

  • 声明式: React可以轻松创建交互式UI。为应用程序中的每个状态设计简单的视图,React将在数据更改时有效地更新和渲染正确的组件。声明性视图使您的代码更具可预测性,更易于理解,并且更易于调试。
  • 基于组件:建立管理自己状态的封装组件,然后将它们组合起来制作复杂的UI。由于组件逻辑是用JavaScript代替模板编写的,因此您可以轻松地通过应用传递丰富的数据,并将状态保留在DOM之外。
  • 学习一次,随处写:我们不会对技术堆栈的其余部分做出假设,因此您可以在不重写现有代码的情况下开发React中的新功能。React还可以使用节点在服务器上呈现,并使用React Native为移动应用提供动力。

三、React的核心

React 的核心思想是:封装组件。
各个组件维护自己的状态和 UI,当状态变更,自动重新渲染整个组件。
基于这种方式的一个直观感受就是我们不再需要不厌其烦地来回查找某个 DOM 元素,然后操作 DOM 去更改 UI。

四、拆分

React 大体包含下面这些概念:

  • 组件
  • JSX
  • Virtual DOM
  • Data Flow

参考资料

  1. React github
  2. React 中文文档

相关文章

  • React基础

    react 教程 react 组件介绍 react state 介绍 react Props 介绍 React:组...

  • 学习react no.1

    学习react no.1 react 定义 react 特点 react

  • React Native 学习之路

    React 相关资料 React Components React Properties React State ...

  • React基础

    React包含react元素和react组件 react元素 react组件 react组件分为函数组件和类组件 ...

  • React面试题 整理脑图

    react基础 React生命周期 react-router react进阶 react Hooks redux 其他

  • react 导入中的 as

    import React from 'react'只导入 是 React。 而import * as React ...

  • ES5与ES6小结部分

    1var React=require('react'); 等价 import React from ' react...

  • React DnD基础概念和整体架构

    React DnD 的英文是 Drag and Drop for React。React DnD 是 React ...

  • React

    React 《React 官网文档》 React简介 React概念 React官网学习实践 - jSX简介 Re...

  • React学习笔记_01

    React 基础组件 react概述 npm i react react-dom react包 是核心,提供创建元...

网友评论

    本文标题:React?

    本文链接:https://www.haomeiwen.com/subject/grbgsftx.html