Shop example for Android and iOS using React Native

CAUTION: This code is for fun. Now it isn't stable, isn't production ready and sometimes is ugly

Motivation

• try modern tech stack
• share code between platforms as much as possible
• use great tooling (IDE , Debuggers, DevTools, linters, code formatters)
• front-end - JS on any platform (React), common back-end. GraphQL - to bind both

Long term idea

Create shop example for ANY platform with shared front-end and single common back-end

• web (React).
• mobile web (React). Project link
• mobile app for Android and iOS (React Native). Project link
• desktop app for Windows, MacOS and Linux (React + Electron)
• cross-platform monorepo with shared code from projects mentioned above using ReactXP or Lerna

Smells like future front-end!

Demo

Android

1. Scan QR-code below using your phone to download app file
2. When downloaded - open it to install app

Using Expo (Android, iOS)

1. Install on your phone Expo client app (Google Play link, iTunes link)
2. Run Expo client app and press "Scan QR Code" to scan code below

Current tech stack

Front-end

• TypeScript
• React Native
• React Navigation
• Redux to manage app's state
• Apollo Client to manage data from GraphQL API
• Ant Design Mobile for UI

Back-end

• GraphQL server using Python Graphene

Related projects

• react-shop - same shop example, tech stack and back-end, but for Mobile WEB platform