Web前端-初识React框架

文章目录

    • 一、React简介:
      • 1.1.React是什么?
      • 1.2.目前Vue在前端处于什么地位?
    • 二、邂逅React开发:
      • 2.1.React的特点:
      • 2.2.React有三个依赖
      • 2.3.React的依赖引入

一、React简介:

1.1.React是什么?

官方说明:用于构建用户界面的 JavaScript 库。
React的官网文档:https://zh-hans.reactjs.org/

1.2.目前Vue在前端处于什么地位?

无论是国内外,最流行的其实是三大框架:Vue、React、Angular。

二、邂逅React开发:

2.1.React的特点:

  1. 声明式编程:

(1)声明式编程是目前整个大前端开发的模式:Vue、React、Flutter、SwiftUI;
(2)允许我们只需要维护自己的状态,当状态改变时,React可以根据最新的状态去渲染我们的UI界面;

  1. 组件化开发

将复杂的界面拆分成一个个小的组件;

  1. 一次学习、多平台适配
  2. 高效、灵活
  3. 基于JSX扩展语法

JSX即JavaScript XML。一种在React组件内部构建标签的类XML语法。

2.2.React有三个依赖

(1)React:包含react所必须的核心代码
(2)React-DOM:react渲染在不同平台所需要的核心代码
(3)Babel:将jsx转换成React代码的工具

2.3.React的依赖引入

添加依赖方法:
(1) 直接CDN引入

  
  
  
  
  ``
  

(2) 下载后,添加本地依赖
(3) 通过npm管理(脚手架使用)

你可能感兴趣的:(Web前端设计与开发,前端,react.js,javascript)