Skip to content

使用react技术栈构建英雄联盟展示页面

Notifications You must be signed in to change notification settings

yan358941877/lol-hero

Repository files navigation

用React技术栈构建英雄联盟展示应用

这段时间一直在学习React和Redux的相关内容,这个是项目是我使用 React 技术栈构建英雄联盟英雄背景、英雄皮肤、技能说明、使用技巧展示的单页应用。这是我的Github项目地址: https://github.com/yan358941877/lol-hero/ 欢迎issue,star or follow!我会继续开源更多有趣的项目

项目介绍

这是一个使用 React 技术栈构建英雄联盟英雄背景、英雄皮肤、技能说明、使用技巧展示的单页应用

  • 使用 Python 和 Beautiful Soup 爬取英雄联盟游戏中各英雄的相关数据
  • 使用 React 来构建展示页面
  • 使用 Redux 来进行状态管理
  • 使用 redux-promise 中间件来处理异步流
  • 使用 ReactCSSTransitionGroup、 classnames、 CSS 来实现动态效果
  • 在开发过程中使用 ESLint 进行代码风格检测
  • 使用 Express 来提供后端支持

预览地址

点击进入

部分效果截图

整体效果

整体效果

具体英雄

具体英雄

工具&技能

  • Python、Beautiful Soup
  • React
  • Redux、redux-promise、middleware
  • Immutable
  • Eslint
  • Less
  • webpack
  • Express

使用

https://github.com/yan358941877/lol-hero.git

# 安装依赖
npm install

# 开发环境
npm run start

# 项目打包
npm run build

支持

Github项目地址: https://github.com/yan358941877/lol-hero/ 欢迎issue,star or follow!我会继续开源更多有趣的项目