ReactReduxQuicknote

a quicknote of chrome extension integrated with Ｍａｉｌ２０００ system.

Installation

$ npm install

Build

$ PROD=1 webpack

Usage

add build directory to chrome extension
setup Ｍａｉｌ２０００
login
now, you can add any url or selected text on browser to the quicknote in Ｍａｉｌ２０００

3rd-party library

Basic
- react
- redux
- es6
- sass
- react-chrome-redux
Compiler & Packer
- webpack
  - compiler
    - basic
      - babel-loader
      - babel-preset-react (for react)
      - babel-preset-es2015 (for es6)
      - babel-preset-stage-0 (for es7)
    - eslint
      - eslint
      - eslint-loader
      - eslint-plugin-react
    - css
      - css-loader
      - node-sass
      - sass-loader
      - style-loader
      - autoprefixer-loader
      - extract-text-webpack-plugin
    - file
      - file-loader
      - url-loader
    - html
      - html-webpack-plugin
  - hot reload
    - webpack-dev-server
  - packer
    - clean-webpack-plugin
    - copy-webpack-plugin
Router
- react-router
middleware
- redux-thunk
- redux-logger
UI
- material-ui
- redux-form
Promise
- bluebird
Request
- superagent
Auto Testing
- mocha
- chai
API
- opengraph api
Others
- keymirror

Todos

test case for redux action

Reference

Basic
Compiler & Packer
- https://webpack.github.io/
- https://arthur791004.github.io/2016/08/20/webpack-react-scss-eslint-material/
Router
- https://github.com/ReactTraining/react-router
middleware
- https://github.com/gaearon/redux-thunk
- https://github.com/evgenyrodionov/redux-logger
UI
- http://www.material-ui.com/
- http://redux-form.com/
Promise
- http://bluebirdjs.com/
Request
- https://github.com/visionmedia/superagent
Auto Testing
- https://mochajs.org/
- http://chaijs.com/
API
- https://www.opengraph.io/
Others
- https://www.npmjs.com/package/keymirror

Demo

config
- popup
- content
login
- popup
- content
add quicknote
- popup
- content