# tutorial-react

**Repository Path**: tutorial-stage/tutorial-react

## Basic Information

- **Project Name**: tutorial-react
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-03-30
- **Last Updated**: 2021-06-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# tutorial-react

react实践指南



## 独立页面

并未形成完整的应用, 尝试处理一些单独功能的开发
相关路由如下

**Launcher.js**
```

<Route exact path="/" component={Tweet} />
<Route path="/login" component={Login} />
<Route path="/home" component={Home} />
<Route path="/chat" component={ChatContainer} />
<Route path="/todo" component={TodoApp} />
        
```

- /tweet 轻博客应用 [模仿](https://www.lofter.com)
- /login 常规登录
- /chat 模仿微信
- /todo reducer官网提供的例子是class形式的 改写为hooks



## TODO

目前正在处理websocket聊天服务器以及确认在线聊天的功能
前端部分尚未开始处理

最终会提供一个类似telegram的在线聊天 支持的功能比较复杂



## site

网站页面


**chat**
![chat](./public/site/chat.png)

**login**
![login](./public/site/login.png)

**todo**
![todo](./public/site/todo.png)

**tweet**
![tweet](./public/site/tweet.png)