ReactNativeApolloOnlineStore

What we are going to build

This repo is the source code for a youtube series about how to create a react native online shop using apollo 3.

This is a ready to go production app, but a lab to show different ways of using the library.

For the backend, the app is using strapi headless CMS.

How to run the project:

Backend:

Go inside the server folder and run:

yarn develop

Then create an account and add some products and comments.

Mobile:

Got inside the client folder. Start the metro bundler:

yarn start

For android:

yarn android

For iOS:

yarn ios

PS: make sure that you have installed all the required dependencies including running pod installs.

Videos

Preparing the server side using strapi.io

Configuring react navigation 5 and apollo 3

Build the UI/layout for the products list

Add the favorite button using @client cache

Add favorite count and the product details

Add comments to the product details

Add new comment with useMutation

Use apollo-cache-persist with ReactNative

Use MockedProvider for tests and add Auth