React-native django apollo client graphql intigration 21

Any query or source code just ping me 7381812282
how we can intigrate djnago with react-native using apollo client


1: open your django project using the code editor

2: open your django project settings.py

ALLOWED_HOSTS = ['*']

just add your frontend react-native project url

CORS_ORIGIN_ALLOW_ALL = True


# CORS_ALLOW_CREDENTIALS = True
CORS_ORIGIN_WHITELIST = [
'http://localhost:8081',

]


react-native not support localhost:8000,http://127.0.0.1:8000/


so will have to run django project using local system ip
ifconfig --just paste ifconfig at your terminal

find your ip

Run your Django project with local system ip

ex-- python3 manage.py runserver 172.17.0.1:8000


http://172.17.0.1:8000/graphql



-----------frontend setup---------

create a app directory inside your react-native project app

2: create a graphqlservice folder inside your app directory
*# create a file inside your graphqlservice folder directory for service logic appoloclient.js
*# create a file config.js for url configuration inside your graphqlservice directory
3: open yor App.js file

3: create a graphql directory
*# create a file query.js for globaly write the all query
*# create a file mutation.js for write the all mutation

4: create a component directory inside your app folder
*#create a folder TodoDetails and create js file for fetch the all todolist data


4: create a Loading Folder inside your component directory and a js file just write loading ui logic

5 create a Error Folder inside your component directory and a js file just write Error ui logic


6:run your react-native project

Thank you please like share and subscribe