Mobile Apps: React Native with Django REST
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
I'm looking to build a mobile application for app stores with React Native (for frontend) and a Django REST framework (for backend). I find that I learn quicker by following a start to end video/videos on how to integrate these parts together. I would appreciate any resources that could show me how to do this.
Going through the web, I found resources on how to build individual parts of frontend and backend but very little on a complete integration.
It doesn't need to be a complex app. It could be a simple example on how to retrieve GET and POST, JSON data from Django and showing that in React Native mobile app.
Thank you.
django react-native
add a comment |
I'm looking to build a mobile application for app stores with React Native (for frontend) and a Django REST framework (for backend). I find that I learn quicker by following a start to end video/videos on how to integrate these parts together. I would appreciate any resources that could show me how to do this.
Going through the web, I found resources on how to build individual parts of frontend and backend but very little on a complete integration.
It doesn't need to be a complex app. It could be a simple example on how to retrieve GET and POST, JSON data from Django and showing that in React Native mobile app.
Thank you.
django react-native
add a comment |
I'm looking to build a mobile application for app stores with React Native (for frontend) and a Django REST framework (for backend). I find that I learn quicker by following a start to end video/videos on how to integrate these parts together. I would appreciate any resources that could show me how to do this.
Going through the web, I found resources on how to build individual parts of frontend and backend but very little on a complete integration.
It doesn't need to be a complex app. It could be a simple example on how to retrieve GET and POST, JSON data from Django and showing that in React Native mobile app.
Thank you.
django react-native
I'm looking to build a mobile application for app stores with React Native (for frontend) and a Django REST framework (for backend). I find that I learn quicker by following a start to end video/videos on how to integrate these parts together. I would appreciate any resources that could show me how to do this.
Going through the web, I found resources on how to build individual parts of frontend and backend but very little on a complete integration.
It doesn't need to be a complex app. It could be a simple example on how to retrieve GET and POST, JSON data from Django and showing that in React Native mobile app.
Thank you.
django react-native
django react-native
asked Nov 14 '18 at 12:49
moonfairymoonfairy
346
346
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
You can use axios in your react native app. Also, use ngork for a secure tunnel on your local machine. If not, you might get an internal server error with localhost:8000/url
.
Example of POST and GET request:
axios.get('http://74d021b9.ngrok.io/url').then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
axios.post('http://74d021b9.ngrok.io/url',{...data}).then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
add a comment |
You can refer to this repository on github its react native app with Django Api
https://github.com/rAnAaRsl/DsanoApp/blob/master/Url.js
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53300641%2fmobile-apps-react-native-with-django-rest%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
You can use axios in your react native app. Also, use ngork for a secure tunnel on your local machine. If not, you might get an internal server error with localhost:8000/url
.
Example of POST and GET request:
axios.get('http://74d021b9.ngrok.io/url').then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
axios.post('http://74d021b9.ngrok.io/url',{...data}).then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
add a comment |
You can use axios in your react native app. Also, use ngork for a secure tunnel on your local machine. If not, you might get an internal server error with localhost:8000/url
.
Example of POST and GET request:
axios.get('http://74d021b9.ngrok.io/url').then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
axios.post('http://74d021b9.ngrok.io/url',{...data}).then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
add a comment |
You can use axios in your react native app. Also, use ngork for a secure tunnel on your local machine. If not, you might get an internal server error with localhost:8000/url
.
Example of POST and GET request:
axios.get('http://74d021b9.ngrok.io/url').then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
axios.post('http://74d021b9.ngrok.io/url',{...data}).then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
You can use axios in your react native app. Also, use ngork for a secure tunnel on your local machine. If not, you might get an internal server error with localhost:8000/url
.
Example of POST and GET request:
axios.get('http://74d021b9.ngrok.io/url').then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
axios.post('http://74d021b9.ngrok.io/url',{...data}).then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
edited Nov 16 '18 at 22:47
answered Nov 16 '18 at 21:29
game_devgame_dev
379311
379311
add a comment |
add a comment |
You can refer to this repository on github its react native app with Django Api
https://github.com/rAnAaRsl/DsanoApp/blob/master/Url.js
add a comment |
You can refer to this repository on github its react native app with Django Api
https://github.com/rAnAaRsl/DsanoApp/blob/master/Url.js
add a comment |
You can refer to this repository on github its react native app with Django Api
https://github.com/rAnAaRsl/DsanoApp/blob/master/Url.js
You can refer to this repository on github its react native app with Django Api
https://github.com/rAnAaRsl/DsanoApp/blob/master/Url.js
answered Nov 14 '18 at 12:55
Muhammad ArslanMuhammad Arslan
13
13
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53300641%2fmobile-apps-react-native-with-django-rest%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown