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.
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
npm installAfter all dependencies are install let's run our server
npm startThen let's move to the front end and install dependencies, first open a new terminal and run
cd modus-autocomplete/ModusAutocompleteInstall dependencies:
npm install or yarn installOnce the dependencies are install, let's start our app, make sure the server is running also
yarn run ios[This is how should look] (https://www.screencast.com/t/hx1yLWIAlPc)
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 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.
This project is MIT licensed.