micro-shop-react-native-version
4 screens are availables : Login, Order, Product and Auth. Using redux, hook to manage the state of user’s products, all products, cart items, and user’s orders.
Using firebase as backend to storage the products, orders and cart items. As well as authentication.
In your terminal, make sure your Node.js version is not less than 10.13.0, run sudo npm install expo-cli —global
. Further more detail on how to set up an react-native app with expo: https://docs.expo.io/tutorial/planning/?redirected
# Example workflow for contributing to a project:
$ git clone https://github.com/kuanghsuan/what-to-eat-mobile.git
$ cd micro-shop-react-native-version
# install all required packages
$ npm install
npm start
.a
for Android emulator, or i
for IOS simulator.r
to restart bundler, or shift+R
to restart and clear cache.react-native-debugger_0.11.3.dmg
on https://github.com/jhen0409/react-native-debugger/releases.command+D
on your simulator and click Debug remote JS
, the React Native Debugger will connect to your app.command+T
to type the port(usually is 19001).Name | Type | Required | Description | Example |
---|---|---|---|---|
id |
string | Yes | Id of input field. | id="title" |
label |
string | Yes | Lable of input field. | label="Title" |
keyboadType |
string | No | Type of keyboad. | keyboadType="default." |
required |
boolean | Yes | Whether this field need to validate. | required=true |
errorText |
string | Yes | Display the error when invalid. | errorText |
onInputChange |
function | Yes | Change the text field. | onInputChange={inputChangeHandler} |
initialValue |
string | Yes | Display the initial text in the field. | initialValue="" |
Name | Type | Required | Description | Example |
---|---|---|---|---|
image |
string | Yes | Image of product. | image="123.jpg" |
title |
string | Yes | Title of product. | title="T-shirt" |
price |
string | Yes | Price of product. | price=10 |
onSelect |
function | Yes | Press to remove this cart item. | onSelect={() => {}} |
Name | Type | Required | Description | Example |
---|---|---|---|---|
amount |
string | Yes | Amount of ordered product. | amount="3" |
date |
string | Yes | Date of ordered date. | date="July 29, 2020, 02:56 PM" |
deletable |
boolean | Yes | Whether this item can be deleted. | deletable=true |
onRemove |
function | Yes | Press to remove this cart item. | onRemove={()={}} . |
Name | Type | Required | Description | Example |
---|---|---|---|---|
amount |
string | Yes | Amount of ordered product. | amount="3" |
date |
string | Yes | Date of ordered date. | date="July 29, 2020, 02:56 PM" |
items |
CartItem[] | Yes | Array of cartItem which be ordered. | items={itemData.item.items} |
Author: kuanghsuan
GitHub: https://github.com/kuanghsuan/micro-shop-react-native-version
#react-native #react #mobile-apps