All Projects → khriztianmoreno → ecommerce-react-native

khriztianmoreno / ecommerce-react-native

Licence: MIT license
The ideal starter kit / app script with all the needed UI elements alongwith MobX and NativeBase to build your iOS and Android e-commerce app like Mona / JackThreads / Canopy / Flipp

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to ecommerce-react-native

mobx-nextjs-root-store
Mobx root store implementation for next.js with server-side rendering
Stars: ✭ 42 (-51.16%)
Mutual labels:  mobx, mobx-react
todo-list
A simple todo list application with React and mobx and antd
Stars: ✭ 25 (-70.93%)
Mutual labels:  mobx, mobx-react
mobx
Код учебного курса “MobX & React” на YouTube-канале webDev (https://tinyurl.com/vt3tk6vy)
Stars: ✭ 23 (-73.26%)
Mutual labels:  mobx, mobx-react
team-timesheets
Time tracking web app built as a replacement for old school timesheets.
Stars: ✭ 25 (-70.93%)
Mutual labels:  mobx, mobx-react
tm-nextjs-starter
React + Nextjs + MobX starter
Stars: ✭ 49 (-43.02%)
Mutual labels:  mobx, mobx-react
BXStage
基于mobx + react 构建一个60多个页面大型跨平台 react-naive 应用
Stars: ✭ 49 (-43.02%)
Mutual labels:  mobx, mobx-react
react-mobx-local-state-example
React MobX (for Local State) Example
Stars: ✭ 27 (-68.6%)
Mutual labels:  mobx, mobx-react
tinylog-ui
实时日志分析系统后台数据管理系统
Stars: ✭ 45 (-47.67%)
Mutual labels:  mobx, mobx-react
react-mobx
No description or website provided.
Stars: ✭ 25 (-70.93%)
Mutual labels:  mobx, mobx-react
veact
Mutable state enhancer library for React based on @vuejs
Stars: ✭ 62 (-27.91%)
Mutual labels:  mobx, mobx-react
react-native-navigation-mobx-demo
React native Navigation with MobX demo. Blog post write up ->
Stars: ✭ 32 (-62.79%)
Mutual labels:  mobx, mobx-react
mobx-react-mvvm-example
React MVVM architecture powered by MobX.
Stars: ✭ 58 (-32.56%)
Mutual labels:  mobx, mobx-react
navigation-mobx-example
proof of concept project to use mobX in react-native-navigation
Stars: ✭ 47 (-45.35%)
Mutual labels:  mobx, mobx-react
react-mobx-router4-axios
react + less + webapck config + mobx(store)+ axios + router4
Stars: ✭ 24 (-72.09%)
Mutual labels:  mobx, mobx-react
mobx-wxapp
在小程序中使用mobx
Stars: ✭ 54 (-37.21%)
Mutual labels:  mobx, mobx-react
orkan
A content management toolkit for building and managing dynamic React applications with ease.
Stars: ✭ 25 (-70.93%)
Mutual labels:  mobx, mobx-react
mobx-react-docz
DEPRECATED Documentation site for MobX in React
Stars: ✭ 43 (-50%)
Mutual labels:  mobx, mobx-react
mobx-react-intl
A connector between mobx-react and react-intl
Stars: ✭ 32 (-62.79%)
Mutual labels:  mobx, mobx-react
weapp-starter-kit
No description or website provided.
Stars: ✭ 13 (-84.88%)
Mutual labels:  mobx
public-ol-web-template
OrangeLoops Web Project Boilerplate
Stars: ✭ 28 (-67.44%)
Mutual labels:  mobx

Ecommerce React Native

The ideal starter kit / app script with all the needed UI elements alongwith MobX and NativeBase to build your iOS and Android e-commerce app like Mona / JackThreads / Canopy / Flipp

Installation

System Requirements:

  • Globally installed node>= 6

  • Globally installed npm>= 3

  • Install packages for Full Version

cd App
npm install
or
yarn
  • To simulate for iOS

    • Method One:
      • Run npm start in your terminal.
      • Scan the QR code in your Expo App.
    • Method Two:
      • Type npm run ios in your terminal.
  • To simulate for Android

    • Method One:
      • Run npm start in your terminal.
      • Scan the QR code in your Expo App.
    • Method Two:
      • Make sure you have an Android emulator installed and running.
      • Type npm run android in your terminal.

Start Building Your App

This App guides you throughout building your app, providing the steps and procedure to customize.

How to add new component

  • Create a new folder, say newComponent and place it under /js/src .
  • Create a new file index.js , within this folder.
  • Name the class same as that of folder name.
class NewComponent extends Component {
    ...
}

How to add new styleSheet

  • Create a new file styles.js , place it under /js/src/newComponent.
  • import newly created StyleSheet into the Component.
import styles from './styles';
class NewComponent extends Component {
    ...
}

Happy coding!

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