Code Monkey home page Code Monkey logo

react-kugou-demo's Introduction

react-kugou-demo

使用react仿写的酷狗音乐webapp

简介

1、该项目是vue-demo-kugou的react重构版本。是使用react仿写的酷狗音乐webapp。
2、本项目技术栈为 react + typescript + redux + scss + css-modules

在线预览

在线预览点击此处,请使用手机浏览器或手机模式打开。

项目截图

如何使用

1、下载项目到本地 2、npm install 3、修改type文件,在 node_modules/@types/react/index.d.ts 文件内添加以下type声明(详见下面注意事项)

declare namespace React {
  interface Attributes {
    styleName?: string;
  }
}

4、npm run start 启动本地开发

注意事项

1、关于修改react的type文件:本项目使用了babel-plugin-react-css-modules作为css局部化的解决方案,使用时需要在jsx元素上使用styleName属性。react的jsx元素type声明文件中并没有styleName属性的声明,所以做声明合并添加styleName属性声明。如果可以能在外部type文件做声明合并更好,但是我尝试后失败了。有解决过这个问题的同学请开个issue帮忙解决,谢谢。
2、生产环境编译(npm run build)需要先配置 src/api/index.ts 文件中的PRO_API_HOST变量

TODO

1、对所有列表加上分页加载。

本人的其他项目,欢迎star ^^

  • mpvue-fresh-weather:基于typescript + mpvue 的天气类型微信小程序
  • egg-nideshop:基于typescript + eggjs + Sequelize + mysql 的开源小程序后台。
  • react-kugou-demo:基于typescript + react + redux + scss 的仿酷狗音乐webapp

react-kugou-demo's People

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.