# learn-react

**Repository Path**: srxboys/learn-react

## Basic Information

- **Project Name**: learn-react
- **Description**: React:
学习过 React-Native，上手容易，代码输出不多，见谅。
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-10-03
- **Last Updated**: 2022-05-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# learn - react

B 站视频    https://www.bilibili.com/video/BV1W7411o76M

<br />
https://www.bilibili.com/video/BV1Tx411R7tb

<br />
https://www.bilibili.com/video/BV17y4y1y75u


## 一、安装
```sh
  npx create-react-app learn-app
```

因为开发过 React-Native, 视频的代码有的就没有跟，大部分还是会跟着的写的，就是太懒了。

## 二、安装 react-router
https://reactrouter.com/

```sh
 yarn add react-router-dom
```

## 视频资料 - 整理的代码
1. Home.js 和 News.js : 初写组件
定义组件
组件内-构造器
组件内-state

1. Home2 ：绑定属性
class -> className
for -> htmlFor
style -> 对象(object)

1. Home3 : 定义数组、遍历数组元素、渲染数组

1. Home4 : 事件方法
定义/声明 - 点击事件
事件绑定this
事件改变state

1. Home5、LearnRef5、BidrectDataBind : 
事件对象 (event对象)
键盘事件
ref获取dom节点
React实现Vue双向数据绑定


## 其他资料
- [基于 React 的 SEO 友好的博客](https://blog.poi.cat/post/make-a-react-based-blog-seo-friendly)

- [webpack 打包出多个 html - GitHub](https://github.com/AI-UNICOM/ai-react-template)

- [搭建react多页面应用](https://blog.csdn.net/qq_38111015/article/details/89252606)

- [webpack4 + react 搭建多页面应用](https://segmentfault.com/a/1190000015853884)

- [一个基于react+webpack的多页面应用配置](https://blog.csdn.net/weixin_33676492/article/details/88672751)