# React 基础教程

**Repository Path**: perishme/react-basic-course

## Basic Information

- **Project Name**: React 基础教程
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 6
- **Forks**: 1
- **Created**: 2021-04-06
- **Last Updated**: 2021-05-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# React 基础教程

本教程不涉及前端环境配置的内容，如果对环境配置有疑问可以直接访问

https://www.bilibili.com/video/BV1bf4y1W7n3?from=search&seid=11138673053073686198

## 前端 Web 技术发展史

### 主要技术变革

- 静态页面
- CGI
- PHP
- JavaScript
- Ajax
- MVC 模式

## 前端开发概述

### 语法基础

- HTML https://developer.mozilla.org/zh-CN/docs/Web/HTML
- CSS https://developer.mozilla.org/zh-CN/docs/Web/CSS
- JavaScript https://developer.mozilla.org/zh-CN/docs/Web/JavaScript

## React 示例

通过 CDN 引入的方式在本地体验 React 编程

## React 基础

### 脚手架

- 使用 npm/yarn 安装依赖
- 使用 create-react-app 初始化项目

### React 框架的核心概念

https://zh-hans.reactjs.org/

- VDOM
- Component
- JSX
- State
- Props
- Lifecycle

## React 进阶

### React 框架的衍生概念

https://zh-hans.reactjs.org/

- Function Component
- Hooks

### 单页面应用路由管理

https://reactrouter.com/web/guides/quick-start

- React Router

### 多组件数据共享

https://react-redux.js.org/

- React Redux

### 集成度更高的脚手架 Umijs

https://umijs.org/

- 约定式路由
- 基于 dva 的数据管理
- mock

## 番外

### WSL2

### git

### ES6 语法和 babel

### Typescript

### webpack

### less & sass

## FAQ