GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → bithoven-dev → ReactNativeApolloOnlineStore

bithoven-dev / ReactNativeApolloOnlineStore

Licence: MIT license
A react native online shop using Apollo client 3

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
objective c
16641 projects - #2 most used programming language
ruby
36898 projects - #4 most used programming language
java
68154 projects - #9 most used programming language
Starlark
911 projects

Labels

reactapollo-clientreactnative

Projects that are alternatives of or similar to ReactNativeApolloOnlineStore

graphql-codegen-apollo-next-ssr
Autogenerate apollo code for nextjs ssr
Stars: ✭ 176 (+193.33%)
Mutual labels:  apollo-client
rntpl
a simple react native demo with redux
Stars: ✭ 25 (-58.33%)
Mutual labels:  reactnative
talktalk-rn
(Deprecated via hackatalk-mobile) talktalk app built in react-native.
Stars: ✭ 31 (-48.33%)
Mutual labels:  apollo-client
GraphQL-Android
A project for showing use of apollo-android for consuming github graphQL API
Stars: ✭ 51 (-15%)
Mutual labels:  apollo-client
gitstar
Github Client built with React Apollo
Stars: ✭ 15 (-75%)
Mutual labels:  apollo-client
GraphQL-Client-Exploration
Simple exploration of GraphQL Clients
Stars: ✭ 18 (-70%)
Mutual labels:  apollo-client
jest-gql
✅🚀GraphQL based tests for Jest and Apollo
Stars: ✭ 33 (-45%)
Mutual labels:  apollo-client
react-native-debug-server-host
React Native Debug server host for iOS
Stars: ✭ 45 (-25%)
Mutual labels:  reactnative
nytimes-bestseller
NY Times best sellers list explorer
Stars: ✭ 35 (-41.67%)
Mutual labels:  reactnative
graphql-workshop
⚒ 🚧 A GraphQL workshop to learn GraphQL implementations
Stars: ✭ 20 (-66.67%)
Mutual labels:  apollo-client
ReactNativeNote
ReactNative基础知识，和一些在项目中遇到问题的总结，以及一些第三方框架的接入流程，欢迎fork，star～
Stars: ✭ 12 (-80%)
Mutual labels:  reactnative
laika
Log, test, intercept and modify Apollo Client's operations
Stars: ✭ 99 (+65%)
Mutual labels:  apollo-client
friendly-vue-starter
Full featured Vue.js starter project for browser apps
Stars: ✭ 37 (-38.33%)
Mutual labels:  apollo-client
react-native-firebase-phone-auth
React native firebase Phone number Authentication working example :)
Stars: ✭ 50 (-16.67%)
Mutual labels:  reactnative
Gatsby-Starter-Typescript-Apollo-Storybook
Starter with the bare essentials needed for a typescript, apollo, storybook, emotion Gatsby site
Stars: ✭ 17 (-71.67%)
Mutual labels:  apollo-client
react-native-emoji-input
A fully-featured emoji keyboard ⌨️ for React Native ⚛️
Stars: ✭ 67 (+11.67%)
Mutual labels:  reactnative
agollo
🚀Go client for ctrip/apollo (https://github.com/apolloconfig/apollo)
Stars: ✭ 563 (+838.33%)
Mutual labels:  apollo-client
react-nested-loader
The easiest way to manage loaders/errors inside a button. NOT an UI lib.
Stars: ✭ 62 (+3.33%)
Mutual labels:  reactnative
gitsearch
A searchbar for querying Github users and repositories. Written in React Native and React Native Web. GraphQL and Apollo Client to query Github GraphQL API.
Stars: ✭ 15 (-75%)
Mutual labels:  reactnative
React-Native-UI
A Collection of React Native UI inspired from dribbble and other sites.
Stars: ✭ 18 (-70%)
Mutual labels:  reactnative
View All Similar Projects ➔

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

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