https://github.com/moduscreateorg/react-native-autocomplete-with-graphql-cache
Autocomplete mobile application, using GraphQL with NodeJS to handle the server and React Native for the frontend.
https://github.com/moduscreateorg/react-native-autocomplete-with-graphql-cache
android graphql grapql-server ios javascript nodejs react react-native
Last synced: 5 months ago
JSON representation
Autocomplete mobile application, using GraphQL with NodeJS to handle the server and React Native for the frontend.
- Host: GitHub
- URL: https://github.com/moduscreateorg/react-native-autocomplete-with-graphql-cache
- Owner: ModusCreateOrg
- License: mit
- Created: 2020-12-02T20:57:36.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2023-07-19T01:50:11.000Z (over 2 years ago)
- Last Synced: 2025-03-22T00:15:27.617Z (9 months ago)
- Topics: android, graphql, grapql-server, ios, javascript, nodejs, react, react-native
- Language: JavaScript
- Homepage: https://moduscreate.com/
- Size: 2.5 MB
- Stars: 0
- Watchers: 4
- Forks: 2
- Open Issues: 25
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- License: LICENSE
- Code of conduct: .github/CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# React Native Autocomplete (GraphQL Cache)
[](./LICENSE)
[](https://moduscreate.com)
Autocomplete mobile application, using GraphQL with NodeJS to handle the server and React Native for the frontend side, here we are going to show how to use and take advantage of the cache api to create a Autocomplete component, cache is a powerful tool that help us reduce resource consumption and improves application performance.
- [Getting Started](#getting-started)
- [How it Works](#how-it-works)
- [Modus Create](#modus-create)
- [Licensing](#licensing)
# Getting Started
For a better understanding is required to have basic experience with GraphQL and also React Native, now to get started with this project we need to install dependencies to run the back end and also the mobile application
First move to the server folder and run this command
```bash
npm install
```
After all dependencies are install let's run our server
```bash
npm start
```
Then let's move to the front end and install dependencies, first open a new terminal and run
```bash
cd modus-autocomplete/ModusAutocomplete
```
Install dependencies:
```bash
npm install or yarn install
```
Once the dependencies are install, let's start our app, make sure the server is running also
```bash
yarn run ios
```
[This is how should look] (https://www.screencast.com/t/hx1yLWIAlPc)
# How it works
The application is created using for the backend GraphQL and NodeJS and front end we will use React Native, main goal is to use Apollo Client cache api to see the benefits and also learn how we can take advantage of this tool. We will create a backend server with GraphQL, we will consume a rest api [JSONPlaceholder] (https://jsonplaceholder.typicode.com/) to show data, then the mobile app will use the GraphQL service, using Apollo as a client, we will use this client to achieve our goal.
# Modus Create
[Modus Create](https://moduscreate.com) is a digital product consultancy. We use a distributed team of the best talent in the world to offer a full suite of digital product design-build services; ranging from consumer facing apps, to digital migration, to agile development training, and business transformation.
This project is part of [Modus Labs](https://labs.moduscreate.com/?utm_source=labs&utm_medium=github&utm_campaign=Autocomplete).
# Licensing
This project is [MIT licensed](./LICENSE).