# HelloReact

**Repository Path**: li78080114/hello-react

## Basic Information

- **Project Name**: HelloReact
- **Description**: React学习，从基础入门
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-01-29
- **Last Updated**: 2023-02-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

仅用于页面DOM渲染
FaceBook

解决痛点问题：
原生JavaScript操作DOM繁琐、效率低（DOM- API操作UI）；
使用JavaScript直接操作DOM，浏览器会大量的重绘重排；
原生JavaScript没有组件化编码方案，代码复用率低。

React的特点：
采用组件化模式、声明式编码，提高开发效率及组件复用率；
通过React Native中可以使用React语法进行移动端开发；
使用虚拟DOM+优秀的Diffing算法，尽量减少与真实DOM的交互。

jsx语法规则：
    1.定义虚拟DOM时，不要写引号。
    2.标签中混入JS表达式时要用{}。
    3.样式的类名指定不要用class，要用className。
    4.内联样式，要用style={{key:value}}的形式去写。
    5.虚拟DOM只有一个根标签。
    6.标签必须闭合。
    7.标签首字母：
        (1).若小写字母开头，则将该标签转为html中同名元素，若html中无该标签对应的同名元素，则报错。
        (2).若大写字母开头，React就去渲染对应的组件，若组件没有定义，则报错。