Sign inSign up

eztable/eztablemobile3

By eztable

Updated almost 4 years ago

Mobile3

Image
1

10K+

eztable/eztablemobile3 repository overview

Build Status

eztableMobile3

Quick start
Prerequest
  • Install docker toolbox
  • Run docker-machine ip default. If it returns an ip, you are ready to go then.
Start
  • Run ./dev/start
  • If there is exception, try reinstall npm dependency by answering y to prompt.
Directory
.
├── /assets/                    # The folder for static files like images, css and sitemap
├── /build/                     # Will be generated by webpack, with bundle files inside
├── /dev/                       # Webpack and development related script
├── /ezfont/                    # Can use some icons as font
├── /node_modules/              # 3rd-party libraries and utilities
├── /src/                       # The source code of the application
│   ├── /action/                # Action creators that allow to trigger a dispatch to stores
│   ├── /store/                 # Stores contain the application state and logic
│   ├── /api/                   # Such as base, point(getEzcash, changeToAsiamiles) and refund api
│   ├── /client/                # With client-side startup script inside
│   ├── /components/            # React components
│   ├── /config/                # @deprecated
│   ├── /handler/               # Handler Components (how things work, such as data fetching, state updates)
│   │   └── /widget/            # Provide widget for restaurants (such as raw, raw event and so on)
│   ├── /i18n/                  # Synchronize with Translation_MobileWeb_2018 at google sheet
│   ├── /lib/                   # The folder for libs like algolia, firebase, moment, ezLocale, ezPinyin and so on
│   │   ├── /experiment/        # File for A/B test, but deprecated now
│   │   └── /hoc/               # The func for checking isLoginNeeded
│   ├── /mixins/                # @deprecated
│   ├── /project/               # Server level routing middleware
│   │   ├── /event/             # The folder for eztable campaign sites
│   │   ├── /eztable/           # The folder for eztable main sites
│   │   │   └── /newEztable/    # @deprecated
│   │   ├── /point/             # The folder for point using webview to exchange
│   │   ├── /redEnvelope/       # The folder for red envelope campaign
│   │   └── /refund/            # The folder for refund using URL parse not Alt
│   │       ├── /android.js     # using isNewApp to handle new react native Bridge (reactNative.js)
│   │       └── /ios.js         # using isNewApp to handle new react native Bridge (reactNative.js)
│   ├── /reducers/              # @deprecated
│   ├── /redux/                 # The folder for implementing Redux to React application
│   │   ├── /action/            # Using redux-observable effectively to emit action
│   │   ├── /components/        # Presentational components (how things look, such as markup, styles)
│   │   ├── /containers/        # Container Components (how things work, such as data fetching, state updates)
│   │   ├── /epic/              # The core primitive of redux-observable
│   │   ├── /reducers/          # Stores the application state and logic
│   │   ├── /store/             # Redux store that holds the complete state tree of the application
│   │   └── /styleComponents/   # Styled-components style file
│   ├── /resource/              # resource of bank code, city code and so on
│   ├── /sass/                  # Sass style file
│   ├── /server/                # With server-side startup script and template inside (Note that Lexus and Shopback also inside)
│   ├── /shared/                # Shared utils for both client/server side
│   └── /utils/
│       └── /webview/           # Javascript bridge for webview
│── /test/                      # Test React with Jest and Enzyme for now
│   ├── /component/             # @deprecated
│   ├── /components/            # Snapshot test for react components with jest
│   ├── /lib/                   # @deprecated
│   ├── /mockData/              # Store some mockData for testing
│   └── /reducers/              # Snapshot test for react reducers with jest
│── gulpfile.js                 # Configuration file for gulp (currently for sass compilation only)
│── package.json                # Node package control
└── webpack.config.js           # Webpack configuration for bundling and optimization
Install dependency
$ yarn install
Development Mode
$ yarn run dev

Will start webpack-dev-server and run the App on localhost:9000

Notice: Temporary using gulp for SASS compilation, so run $ make gulp for now.

$ make testem

Will start tests which watch over src/ and test/

$ yarn jest

Will start snapshot testing with jest which watch over src/ and test/

$ make lint

Will start code linting

Build
$ npm run build

Will run webpack to build a bundle.js file under /build, and run the App on localhost:9000

Note
  • For projects which are going to integrate with mobile app webview, prefix path with /webview in order to indicate platform-specific javascript bridge.

Notice: Production build will have a invocation Error cause by Isomorphic-Fetch module, see (https://github.com/matthew-andrews/isomorphic-fetch/pull/20/files)

Tag summary

Content type

Image

Digest

sha256:81e56ccad

Size

203.6 MB

Last updated

almost 4 years ago

docker pull eztable/eztablemobile3