how to send data from NodeJs to react-admin - node.js

I currently have a react native app with NodeJS as my backend, Sequilize as my ORM and postgres as my database. Everything in terms of API is working as required but now i want to create an admin panel to view all the data on.
I kept researched online and found instead of developing an admin panel from scratch i can use react-admin to help me out.
I followed all the instructions on the react-admin documentation and reached a conclusion that everything happens in the DataProvider.
My problem is how do i go about and accomplish it?

Related

How can I create a mobile applications which react that can also serve as a website

I just finished my JavaScript course and I understand pretty well how things work.
I have started my React journey with a project in mind
So I want to create a mobile application using React Native and I also want that same application to be a website with domain and url since I want the website to work with with Google adsense.
I'm a little bit confused about things cause I want to use mysql database, node for back end and React for the front end, but I don't know if this is possible to just create one application that work as both mobile app and a website.
Thank for your assistance and advice in advance.
A way to use practically the same code for a web frontend and mobile app is using tools like Capacitor. It make it quite simple, and also allow you to use some mobile native API's.
Here's how to integrate it with react js Using Capacitor with React

Connecting android application using Nodejs Restful API to Local mongoDB database and store data in Mongodb (via WiFi)

Hello Stackoverflow fam,
I am working on android application, wherein the data entered from the app needs to be transferred to my remote Mongodb database, for this I am trying to develop Restful API using express js.
Now I am stuck in between on how to integrate the front end app to node js and mongo db
Kindly provide any reference documents/ tutorials which helps me understand the complete overview of it.
(I know the my problems seems too broad, but could'nt find any support online)..
Try mongoose. It's a best way to establish communication between node.js application/service and mongoDB.

Edited: Why was learning Fullstack React confusing?

Update: When I first started with this question I was basically struggling to understand what I needed to do in order to make my frontend interact with the backend.
To answer my own question in case new guys come in:
If you use ejs, you are using server side rendering, meanwhile if you work your frontend separated your backend, you'll mostly be working with APIs.
First learn Node. Than work your way through on how APIs work. After feeling comfortable, start learning React.
Yes its normal. Just start building a project or else you'll stay in that tutorial hell.
So I have basic knowledge about React, intermediate level on javascript... and now I have taken a node with mongodb course. So I know that, i'll be feeding my tutorial hell if I do not put all those together and start building something from scratch. But till now, I have only rendered the EJS files and know how to setup everything from the ejs view point.
So now I feel quite lost as if someone gave me a puzzle with missing pieces.
I know some of you guys have taken this road so I have a couple of questions, even though some sound quite stupid:
How can node code be affected introducing reactJs, because I am currently using res.render('ejsViewFile')?
When you guys first learned this approach for using the MERN Stack, how did you learn to connect both of them? I find a lot of tutorials... but they confuse me even more.
Is this normal... me feeling like I have learned absolutely NOTHING?
It's great to see such type of questions.
I have also developed web application in which I have to just use the node JS and react with multiple microservices.
so I am also going through from such tutorials on udemy and other tutorials that are available on the website.
I found out that you can use react JS as a front UI and you can use node JS for backend if you don't want to use spring boot for your microservices it is just fine.
So basically I have developed rest API in node JS and using axios and promise I am calling that API from my react applications so I think in that way you can connect both of the applications.
in most of the applications I have seen that node JS is used for security purposes in the following purposes and then node JS is connected to a microservice it is just kind of adding another layer over your application.
I prefer lead can tell you that you can go through the udemy courses of react JS and it will show you how you can create a rest API on the node JS.
React for UI
Nodejs: api gateway or backend. You wish
Java : microservices, rest apis

Adding strapi to an express server

I want to build a self-hosted website with nodejs and the express framework because I'm already familar with that. However, using a CMS for this project is a requirement, so I'm looking for a suited and easy-to-use/-learn CMS and discovered strapi which I quite like.
Setting up an API with strapi is easy indeed but now I'm struggling with adding strapi to an express server. My goal is one express server with strapi, which also hosts the website. So, I can control the routing with express (which I'm used to) and can render the site on the server.
Can somebody explain me how to do that and maybe give a small example? The examples I found, are only about hosting the API externally and using a client-side web framework or a static site generator.
Or is my vision not possible with strapi and I should use another CMS like KeystoneJS (which is already built on Express)?
Thanks in advance!
Using Express with Strapi must be very complex and does not really make sense.
Strapi is based on Koa, which has been designed by the team behind Express. If you are coming from Express, eyou will get confortable with Koa very quickly. Here is the documentation: https://koajs.com.

Simple app admin UI in Heroku or Firebase?

I would appreciate if someone could point me to the more simple direction between Firebase and Heroku.
I'm planning a simple React Native photo app for scientific purposes (take image, save phone geolocation, send both details to database, that's it!).
I need to create a really simple admin UI for the submitted photos+geolocations: view, delete, tag photo (correct/incorrect), download geolocations. Just one user is OK.
Would it be easier me to create the admin UI on Firebase or Heroku? Or if there are already ready-made admin UI's available?
The stack is: React Native, Node.js (+ Express?), MongoDB
And, I'm not creating the app myself, but hiring a freelancer. Maybe they have their own preferences, but I was just interested to know of there's a big difference accessing the data in Firebase or Heroku.
Both the app and the admin UI shoudl be really simple, just bare-bones. I expect the app + admin ui to be created within 100 hrs.
The core capability of Firebase is real time sync of data pushed to multiple clients. It doesn't sound like you need that in your app. You could still use Firebase for what you need, but frankly it sounds to me like overkill.
I think that for your simple requirements you might find Heroku easier and faster.

Resources