All Projects → SpectreAlan → react-cloud-music-typescript

SpectreAlan / react-cloud-music-typescript

Licence: MIT license
基于React和Typescript搭建的cloud music项目

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to react-cloud-music-typescript

next-qrcode
React hooks for generating QRCode for your next React apps.
Stars: ✭ 87 (+521.43%)
Mutual labels:  react-hooks
use-pan-and-zoom
👆+🔎 React hook for panning and zooming a container
Stars: ✭ 57 (+307.14%)
Mutual labels:  react-hooks
react-live2d
在react项目里展示live2d看板娘:react-live2d
Stars: ✭ 52 (+271.43%)
Mutual labels:  react-hooks
React-Netflix-Clone
A Fully Responsive clone of Netflix website built using React.JS as a Front-end & Firebase as a Back-end.
Stars: ✭ 91 (+550%)
Mutual labels:  react-hooks
use-async-resource
A custom React hook for simple data fetching with React Suspense
Stars: ✭ 92 (+557.14%)
Mutual labels:  react-hooks
crud-app
❄️ A simple and beautiful CRUD application built with React.
Stars: ✭ 61 (+335.71%)
Mutual labels:  react-hooks
react-stateful
A simple implementation of React-State-Hook and React-Effect-Hook to show how React-Hooks work
Stars: ✭ 34 (+142.86%)
Mutual labels:  react-hooks
starkgate-frontend
Bridge interface allows users to transfer ERC20 tokens from Ethereum to StarkNet and vice versa.
Stars: ✭ 75 (+435.71%)
Mutual labels:  react-hooks
processor
A simple and lightweight JavaScript data processing tool. Live demo:
Stars: ✭ 27 (+92.86%)
Mutual labels:  react-hooks
usehooks-ts
React hook library, ready to use, written in Typescript.
Stars: ✭ 2,873 (+20421.43%)
Mutual labels:  react-hooks
MonsterJS
MonsterJS - a game for learning JavaScript DOM Selectors while playing!
Stars: ✭ 26 (+85.71%)
Mutual labels:  react-hooks
react-sage
Handy-dandy React hooks.
Stars: ✭ 21 (+50%)
Mutual labels:  react-hooks
frontend-toolbox
Frontend tools which we used in snappmarket v2
Stars: ✭ 37 (+164.29%)
Mutual labels:  react-hooks
device-orientation
React hook for the Device Orientation API
Stars: ✭ 23 (+64.29%)
Mutual labels:  react-hooks
react-use-scroll-position
A react hook to use scroll position
Stars: ✭ 45 (+221.43%)
Mutual labels:  react-hooks
react-use-hubspot-form
Embed HubSpot forms into your React components using hooks! Works with Create React App, Gatsby and other platforms.
Stars: ✭ 41 (+192.86%)
Mutual labels:  react-hooks
whatsapp-clone-react
Build a WhatsApp Clone with React JS and FireBase.
Stars: ✭ 38 (+171.43%)
Mutual labels:  react-hooks
react-weather-app
An attempt to make an ultimate weather app. In ReactJS, with React hooks and context.
Stars: ✭ 39 (+178.57%)
Mutual labels:  react-hooks
react-warehouse
React resource loader implementation
Stars: ✭ 35 (+150%)
Mutual labels:  react-hooks
re-use
⚛️ 🎣 A collection of hooks for ReasonReact
Stars: ✭ 27 (+92.86%)
Mutual labels:  react-hooks

网易云音乐

简介

基于React搭建的移动端网易云音乐,React Hooks + Typescript练手项目,接口使用 Binaryify/NeteaseCloudMusicApi

项目演示地址🔜点我

功能

  • 二次封装 Better-scroll 组件,实现个页面的横向及纵向弹性滚动、轮播等复用组件、上拉加载下拉刷新
  • 手机号登录、403权限跳转
  • 集成全局搜索,实现关键字搜索、搜索建议等
  • 封装歌单组件、评论组件
  • mini、normal音乐播放,实现播放列表、播放模式、播放进度、切换歌曲、评论等功能
  • 歌手分类检索,以及歌手介绍、热歌、专辑、mv
  • 视频分类检索,播放进度、评论等功能
  • 个人中心,歌单管理

使用方法

1.fork本项目

项目地址:SpectreAlan/react-cloud-music-typescript

2.本地运行

# 克隆项目
git clone https://github.com/SpectreAlan/react-cloud-music-typescript.git
# 切换到项目目录
cd react-cloud-music-typescript
# 安装依赖
yarn install
# 启动服务
yarn run dev
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].