Stream MongoDB data to client [closed] - reactjs

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 8 months ago.
Improve this question
I am having trouble scaling my react application as our database collections increase in size. We are a physical products marketplace and the way we currently display our listings is by loading the whole 'listings' collection at once on redux through 1 http request and state update. That is highly inefficient as you need to load the whole 'listings' collection before doing anything on the website. Once it is loaded it is super fast at rendering any page since the whole DB data is stored in redux. Though that takes more than 30s at times!
My question: is there a way to open an HTTP stream or similar with MongoDB atlas so that I can render listings dynamically by updating the redux state as they come through from the server?
Is there any other way to achieve faster load speed by still leveraging react-redux?
What's the best practice with data heavy SPAs?
We have an express, node js back end with react front end. Using MongoDB for storage. React-redux to share states between components.

You should use pagination to fetch and display products.

Related

How much data should I store in an object locally? Trying to limit requests to database [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed last month.
Improve this question
I am currently fetching images from my aws S3 account. The issue is I will be fetching a lot of images which naturally requires a lot of requests.
In order to keep my requests down, I have been considering fetching a list of all the images I need when the app loads and storing them in an object where I can then filter the images I need throughout the app.
My questions are:
How much data can you store in a local object before performance
drops?
Considering scalability, is this something I should be concerned
about or is this something where I just need to eat the cost? How
does instagram deal with all their images? Are they making a ton of
requests?
Instead of building your own way to cache images, try using react native fast image instead. It uses Glide for Android and SDWebImage for iOS under the hood and offers an out-of-the-box way to handle image caching.

What are the backend service for flutter? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed last year.
Improve this question
I am confused in choosing database service for my flutter application. I started using firebase but as it is based on NoSQL , But if i am getting the need for rows and columns for my data which backend service should i use!.
As you mentioned you want to user Rows and Columns but want a service like Firebase. Well, here's a SQL alternative to Firebase.
Supabase
Typical SQL DB and works just like Firebase. Below is official docs of Flutter and Supabase which you can use to get started :)
Flutter x Supabase Docs
Cheers!
I think it depends on how you want to access the data. If you're wanting to stream and push notifications, I would stick with Firebase. If you just need to get and post data, focus more on api implementation. With a solid rest api, you can change up your database/backend all you want and just have to update the api, not your app.
I, personally, suggest searching around for data modeling techniques in Firebase. Check out the Fireship channel on youtube. In his channel's videos, search for modeling and you'll find a ton of info on Firebase data modeling. Many will reference Angular, but the techniques are the same.

what is redux in reactjs? and how to quickly adopt this react redux? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 1 year ago.
Improve this question
recently I got to know about this redux in reactjs. how could we begin with redux?
React Redux basically a state management container like you store your whole application state init and call when you need it anywhere in your application.
Basically the phenomena is that you want to send data from one screen to other using props . But what if your application contains 20 pages and numbers of state how you can manage to send state to other If needed. So redux is use to store states and when you call in anywhere in your application it's easy.

Can we integrate kafka with react native [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 2 years ago.
Improve this question
How to integrate kafka with react native for chat and real time tracking of a client.
and is it possible to implement or i want to use socket io for it give me a solution
A quick solution would be to put the Kafka cluster behind a simple REST API. Using a library like kafka-rest could be an easy way to connect your React Native app using the built in fetch function. You could go a step further and try to integrate the kafka-rest-node client into your React Native app; a cursory overview of the repo doesn't lead to any core Node dependencies.
Another method, one which would allow for "live" updates, might consist of putting Kafka behind a web server that converts the Kafka stream into a WebSocket connection. Libraries such as kafka-websocket allow clients to both consume and produce, whereas a more simple library like Microsoft's kafka-proxy-ws only allows for consuming messages.
It's worth noting that mobile clients don't always work well with streaming data, and you'd be advised to test your WebSocket-based implementation on a variety of uncertain network conditions (latency, dropped signals, etc).

any alternative SQL for flutter rather than sqflite [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 3 years ago.
Improve this question
I was wonder if there any alternative way to store offline data in dependencies database rather than using sqflite!!
if any one knows any SQL or even nosql libraries for flutter that's is not complicated like sqflite please mention it!
This is a alternative, use a NoSql database.
Sembast
Yet another NoSQL persistent store database solution for single process io applications. The whole document based database resides in a single file and is loaded in memory when opened. Changes are appended right away to the file and the file is automatically compacted when needed.
Works on Dart VM and Flutter (no plugin needed, 100% Dart). Inspired from IndexedDB, DataStore, WebSql, NeDB, Lawndart...
Supports encryption using user-defined codec.
This is a link when you can get the library:
https://pub.dev/packages/sembast

Resources