美文网首页
React入门实战项目——时光序官网登录

React入门实战项目——时光序官网登录

作者: 振礼硕晨 | 来源:发表于2020-04-21 19:16 被阅读0次

项目简介

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

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

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

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

项目地址

Fengzhen8023/time-list-react

项目技术栈

  • 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 (启动服务)

项目预览

1. 登录页面的UI页面
2. 登录、注册、修改密码等页面之间的切换
3. 前端错误的文字提示和动画提示

项目交流

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

相关文章

  • React入门实战项目——时光序官网登录

    项目简介 该项目是使用React模仿时光序官网登录页面,主要内容如下: 页面UI的绘制 登录过程中前端逻辑的基本判...

  • react基础入门:(四)React操作DOM元素

    原文链接:react基础入门:(四)React操作DOM元素 官网链接:https://react.docschi...

  • react学习

    react脚手架大集合 react4.0 官网redux入门教程react-native中文官网react官方文档...

  • 学习react的第三天(2)

    在react||vue移动端项目中定位,需要使用高德定位SDK 1. 登录高德官网创建一个应用 1.1 登录新建应...

  • Google登录接入

    Google登录官网 Google登录官方快速入门文档 GoogleApi控制台 Google登录接入前提: 开发...

  • React Native实战系列第二篇 — 环境配置

    前言 本系列文章将带着你从React Native入门到精通React Native开发,包括大型电商项目实战、大...

  • flex布局

    标签: css flex摘自: React Native入门与实战 flexbox 即由伸缩容器和伸缩项目组成,按...

  • React Native

    1.React 入门实例教程 2.官网 3.写给移动开发者的 React Native 指南 4.React-Na...

  • Google登录接入

    本文章仅作为个人笔记 Google登录官网 Google登录官方快速入门文档 GoogleApi控制台 Googl...

  • react-router

    项目基于官方脚手架create-react-app构建项目 npx官网 1. 路由容器 react-router-...

网友评论

      本文标题:React入门实战项目——时光序官网登录

      本文链接:https://www.haomeiwen.com/subject/lxeyvhtx.html