React基础知识点总结--1️⃣

一、React基础

目标

能够说出React是什么
能够说出React的特点
能够掌握React的基本使用
能够使用React脚手架

目录

React概述
React的基本使用
React脚手架的使用

1. React概述

1.1 什么是React

React是一-个用于构建用户界面的JavaScript库。
用户界面: HTML页面(前端)
React主要用来写HTML页面,或构建Web应用

如果从MVC的角度来看, React仅仅是视图层(V) ,也就是只负责视图的渲染,而并非提供了
完整的M和C的功能。

React起源于Facebook的内部项目,啟用来架设Instagram的网站,汙2013年5月开源

1.2 React的特点

声明式

你只需要描述UI ( HTML )看起来是什么样，就跟写HTML一样

React负责渲染UI ,并在数据变化时更新UI

基于组件

● 组件是React最重要的内容
● 组件表示顽面中的部分内容
● 组合、复用多个组件,可以实现完整的页面功能

学习一次，随处使用

● 使用React可以开发Web应用
● 使用React可以开发移动端原生应用( react-native )
● 使用React可以开发VR(虚拟现实)应用(react 360)

2. React的基本使用

2.1React的安裝

安装命令: npm i react react-dom
● react包是核心,提供创建元素、组件等功能
● react-dom包提供DOM相关功能等

2.2React的使用

1. 引入react和react-dom两个js文件

   <script src="./node_modules/react/umd/react.development.js"></script>
   <script src="./node_modules/react-dom/umd/react-dom.development.js"></script>
   

2. 创建React元素
   参数一：元素名称
   参数二：元素属性
   参数三及其以后的参数：元素的子节点