React-app

demo : https://ss707494.github.io/react-app-ss

• 一个基于React的demo

现有功能

• 仿照豆瓣电影app开发的h5页面,实现列表展示,关键词搜索,不同列表切换,加载更多,列表视图切换,详情页面等功能
• 小游戏 俄罗斯方块 方向键上下左右 或 点击按钮 控制
• 小游戏 拼图 Get Answer按钮可以由计算机算出答案,左右按钮可以执行

运行

$ git clone https://github.com/ss707494/react-app-ss.git
$ cd react-app-ss
$ npm install 
$ npm run start

因为使用到node-sass,若安装失败可尝试使用 cnpm 进行安装

相关技术

• 主体基于react官方脚手架 Create React App (修改了部分配置)

• UI 选择Material-UI 一个react的ui组件

• React相关的插件

  • React Router
  • React Redux
    • redux-promise
    • redux-logger
    • redux-immutable
    • redux-actions
  • react-addons-css-transition-group

• 样式使用 CSS Modules + Sass

• 俄罗斯方块使用html标签canvas的动画实现

• 辅助工具库 lodashfetch-jsonp

目录说明

react-app-ss/
    config/ --配置文件
    public/
    script/ --运行脚本
    src/ --主代码
        static/ --静态文件(图片,字体)
        components/ --公共组件
        style/ --通用css(未经过module处理,用类名引用)
        routes/ --路由目录
        App.js
        index.js --入口文件
        index_pro.js --打包时的入口文件,去掉日志
        

TODO