react练习
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
react-music-player
react-simple-comments
react-todolist-json-server
.DS_Store
README.md

README.md

react-demos

目录

react-music-player

简介

基于React + React-Router + webpack-dev-server + Pubsub 开发的一个音乐播放器,参考慕课网教学视频慕课网教学视频

截图

截图

todos:

  • 展示最新的推荐歌单、歌单、排行榜、歌手;
  • 基本搜索功能,搜索加入历史存储功能;
  • 喜欢音乐加入收藏列表;
  • 模拟登录功能;

执行

1、安装依赖

npm install

2、执行

npm server

3、打开浏览器浏览 http://localhost:3000/

总结

整体项目实现了一个基本播放器应有的功能,还有很多功能接下来添加上去。

react-simple-comments

简介

练习React父子组件之间数据如何传递

执行

1、安装依赖

npm install

2、执行

打开index.html

截图

react-todolist-json-server

简介

利用JSON-Server快速搭建模拟返回REST风格的后台数据,保证前后端开发的分离。JSON-Server 作为工具,基于Express开发,而且它足够简单,写少量数据,即可使用,支持CORS和JSONP跨域请求,支持GET, POST, PUT, PATCH 和 DELETE 方法,更提供了一系列的查询方法,如limit,order等。数据采用模拟数据库的数据。

执行

1、安装依赖

npm install

2、执行

json-server --watch ./API/db.json --static ./www

3、打开浏览器浏览 http://localhost:3000/

    截图