All Projects → yy9306 → Jmusic

yy9306 / Jmusic

重构一款音乐app

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Jmusic

Redux Api Call
One declarative API to create reducers, action creators and selectors for any API calls
Stars: ✭ 63 (-41.67%)
Mutual labels:  fetch
Fetcher Ts
Type-safe wrapper around Fetch API
Stars: ✭ 87 (-19.44%)
Mutual labels:  fetch
Rsfetch
Fast (~1ms execution time) and somewhat(?) minimal fetch program written in Rust.
Stars: ✭ 103 (-4.63%)
Mutual labels:  fetch
Lego Expo
Play with Lego bricks anywhere using Expo
Stars: ✭ 65 (-39.81%)
Mutual labels:  react-navigation
Better Fetch
A tiny ES6 fetch() wrapper that makes your life easier without drastic changes to the API.
Stars: ✭ 77 (-28.7%)
Mutual labels:  fetch
Apipeline
Feature-rich and pluggable offline-first API wrapper for all your javascript environements ! Easily wire-up your API and make your app work offline in minutes.
Stars: ✭ 92 (-14.81%)
Mutual labels:  fetch
Gas Oil Mixture Mobile
Mobile app for calculation of gasoline/oil ratio for 2 stroke engines built with React Native.
Stars: ✭ 61 (-43.52%)
Mutual labels:  react-navigation
Hyperapp Fx
Effects for use with Hyperapp
Stars: ✭ 105 (-2.78%)
Mutual labels:  fetch
React Ufo
🛸 react-ufo - A simple React hook to help you with data fetching 🛸
Stars: ✭ 85 (-21.3%)
Mutual labels:  fetch
Redux Cnode
react+react-router+redux+es6+antd-mobile+webpack版本的Cnode
Stars: ✭ 96 (-11.11%)
Mutual labels:  fetch
Vue Fetch Data
A simple and declarative way to fetch data for Vue components.
Stars: ✭ 65 (-39.81%)
Mutual labels:  fetch
Github Files Fetcher
Download a specific folder or file from a GitHub repo through command line
Stars: ✭ 73 (-32.41%)
Mutual labels:  fetch
Book Of Spices
An educational app to help you learn about spices, built on top of react-native, react-native-navigation from wix and lottie-react-native for animations.
Stars: ✭ 94 (-12.96%)
Mutual labels:  react-navigation
Npmf
Fetch quick info of a npm pacakge using terminal
Stars: ✭ 64 (-40.74%)
Mutual labels:  fetch
Mchat
RN生态学习
Stars: ✭ 101 (-6.48%)
Mutual labels:  react-navigation
Re Navigate
Example of React Native Navigation with re-frame/re-natal
Stars: ✭ 61 (-43.52%)
Mutual labels:  react-navigation
Mfetch
mfetch will provide you with a strong ability to request resource management
Stars: ✭ 90 (-16.67%)
Mutual labels:  fetch
Reactnativeauth
Mobile user authentication flow with React Native, Expo, and AWS Amplify: Sign In, Sign Up, Confirm Sign Up, Forget Password, Reset Password.
Stars: ✭ 108 (+0%)
Mutual labels:  react-navigation
Superlifter
A DataLoader for Clojure/script
Stars: ✭ 102 (-5.56%)
Mutual labels:  fetch
Php Fetch
A simple, type-safe, zero dependency port of the javascript fetch WebApi for PHP
Stars: ✭ 95 (-12.04%)
Mutual labels:  fetch

JMusic

最近学习了react-native的一些知识,想做一个个人项目, 发现没有好的素材下手,想起之前学习过黄轶老师炸鸡音乐的课程,于是就想用react-native实现一遍,黄轶老师的这门课含金量还是很高的, 如果认真学习下来,是可以提高一个层次

效果图

总览

歌手

播放列表页

搜索页面

播放页面

歌词页面

主要的技术栈和第三方类库

点击链接可跳转到相关的项目网站

安装运行

 1. git clone https://github.com/yy9306/JMusic.git

 2. npm install

 3. react-native link

 4. react-native run-ios 或者 react-native run-android

总结

这是我第一个react-native项目,还有许多不足之处, 后期会慢慢优化的

这个项目由于我的iphonex模拟器有点问题没有兼容,做兼容也很简单, 兼容链接

首先要熟悉flex布局,注重排列方式

动画模块也需要着重了解下,可以提升用户体验。

多了解下其他的第三方组件,有很多别人都写好的,也要看react-native更新文档。

有做react-native的可以一起讨论一下

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].