Skip to content

Fengzhen8023/time-list-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

项目技术栈

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

项目运行

git clone https://github.com/Fengzhen8023/time-list-react.git (拉取代码)

cd time-list-react (进入项目)

npm i (安装依赖包,如果速度慢可以使用cnpm i)

npm run start (启动服务)

项目简介

该项目是使用React模仿时光序官网登录页面,主要内容如下:

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

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

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

项目预览

1. 登录页面的UI页面

image-20200323182030488-min

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

time-list-checkout-page

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

GIF

项目交流

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

About

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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published