time-list-react

KO | EN

gitlite — search

#python #hacktoberfest #react #ai #typescript #llm #golang #deep-learning #nodejs #macos #java #kubernetes #awesome-list #ios

time-list-react

(★ 10)

使用React开发时光序官网登录页面

time-list-react Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

### 项目技术栈

- node @12.7.0
- react @16.9.0
- redux @4.0.1
- react-router @5.0.1
- webpack @4.39.1

### 项目运行

```shell
git clone https://github.com/Fengzhen8023/time-list-react.git （拉取代码）

cd time-list-react （进入项目）

npm i （安装依赖包，如果速度慢可以使用cnpm i）

npm run start （启动服务）

```

### 项目简介

该项目是使用React模仿[时光序官网登录页面](https://web.shiguangxu.com/)，主要内容如下：

1. 页面UI的绘制
2. 登录过程中前端逻辑的基本判断
3. 错误的文字提示和动画展示
4. 注册、登录、修改密码等页面之间的切换

整体来讲，这是一个比较基础的React实战项目，如果你是一个刚刚入门React的新手小白，那么这将是一个非常适合你练手的项目。

项目是基于**webpack**来构建的，如果你想要从事前端开发的工作，那么关于webpack的一些相关知识，你是一定更要掌握的。这里分享两个webpack的学习资料：

- **[webpack入门学习笔记——文字教程](https://github.com/Fengzhen8023/webpack-learning)**
- **[webpack入门学习笔记——视频教程](https://www.bilibili.com/video/BV1a4411e7Bz/)**

### 项目预览

##### 1. 登录页面的UI页面

![image-20200323182030488-min](http://www.image.fengzhen8023.com//image-20200323182030488-min.png)

##### 2. 登录、注册、修改密码等页面之间的切换

![time-list-checkout-page](http://www.image.fengzhen8023.com//time-list-checkout-page.gif)

##### 3. 前端错误的文字提示和动画提示

![GIF](http://www.image.fengzhen8023.com//GIF.gif)

### 项目交流

如果你有更多的问题，欢迎大家一起交流学习。关于博主更多的信息，可以点击下方链接进行了解。

- **[简书主页](https://www.jianshu.com/u/231315b8e406)**
- **[掘进主页](https://juejin.im/user/5c7a97d56fb9a049d132da41)**

time-list-react

time-list-react Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

time-list-react

time-list-react Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README