All topics

How can I load user app settings from the database only once?

unicodes

22 days ago
Hi,

I have some information similar to "user experience settings," which I currently call in any component where needed. These settings are important, including allowed currencies, languages, task statuses, etc.

I was considering making an API call upon login to save this information in local storage. However, what if the local storage is edited? These settings are used to update the database, and I cannot risk using potentially altered data from local storage (e.g., a "selected status") since it could be injected maliciously.

What solutions do you use in this case? I’m exploring alternatives because, as it stands, I have a lot of requests just to retrieve the app's status, which impacts performance.

I cannot use context because this information is shared across multiple pages, and context (variables) only works within the same page.

Thank you!
Max

22 days ago
That is a typical use case for contexts. But you should not create that context on a page. You can create a provider component that you include on each page.
Also, information on the frontend should never enable users to inject harmful info in your backend. You need to secure that server side
❤️1
unicodes

22 days ago
Great ideea of including a component on each page for providing contexts, thank you Max!
💪1
@Max
That is a typical use case for contexts. But you should not create that context on a page. You can create a provider component that you include on each page.
Also, information on the frontend should never enable users to inject harmful info in your backend. You need to secure that server side
needtheanswers

22 days ago
@Max Never thought of using a provider component before. Do you only do this for GET requests and how do you set parameters then? Are you using attributes for that?
@needtheanswers
@Max Never thought of using a provider component before. Do you only do this for GET requests and how do you set parameters then? Are you using attributes for that?
Max

22 days ago
You can use contexts and provider-components for all kinds of things. I use them all the time. You can also use them for POST requests via workflows. And yes, for parameters, you need to use attributes
needtheanswers

22 days ago
Thank you @Max! Seems like a query good approach one has even more control over the data when it is wrapped in component.
@needtheanswers
Thank you @Max! Seems like a query good approach one has even more control over the data when it is wrapped in component.
Max

22 days ago
You're welcome 🙂 Yes, I try to avoid all logic on a page level. Everything needs to be in component
@Max
You're welcome 🙂 Yes, I try to avoid all logic on a page level. Everything needs to be in component
needtheanswers

22 days ago
Going to implement this RIGHT NOW! 👍
💪1
unicodes

22 days ago
Max I tried to use context as recommended but didn't work. Would you like to see my screens and help me find the issue please? https://discord.com/channels/972416966683926538/1329824329185099786
@unicodes
Max I tried to use context as recommended but didn't work. Would you like to see my screens and help me find the issue please? https://discord.com/channels/972416966683926538/1329824329185099786
Max

22 days ago
Ca you share your component tree of that page?
unicodes

22 days ago
It is the same page named requests, the page has a component "menu", component that has the context, and on the same page there are other components named (page-request__company). On the same request page, accessing the context from the component page-request_company it will show only static information, but do not shows dynamic information (like getting from api fetch info).
unicodes

22 days ago
the context is named user-info, and this is the output of the context.
this is the input, on api success fill the variable.
I tried to use in the formula direct api data (no changes).
it returns null in any situation, except of using initial value.
in case you want dynamic information, then it works only if you set it in formulas only like the variable initial value is time of now()
but do not get the api data.
Max

22 days ago
Okay. So the "menu" component provides the context. Which component subscribes to the context?
unicodes

22 days ago
The page-requst_company
unicodes

22 days ago
I feel like there is a bug or is normal to a context not getting the api data. 😦
@unicodes
I feel like there is a bug or is normal to a context not getting the api data. 😦
Max

22 days ago
That is likely not a bug. All subscribers of a context need to be children of the provider component. It looks like this is not the case in your setup. The provider component needs a slot and all children in that slot can subscribe to its context. Also, in the editor it might show null for an API request, but it works in the preview/live site.
unicodes

22 days ago
Do you mean the context should be on the parent, and higher component or the page itself?
unicodes

22 days ago
If this is true, then why it works with static data and data generated by functions?
@unicodes
If this is true, then why it works with static data and data generated by functions?
Max

22 days ago
Green is the provider, yellow components can subscribe to the context. I am guessing that you only checked it in the editor and not the preview. The editor assumes that the context is available, but it does not actually know. But in the published app, your static values won't work, either.
unicodes

22 days ago
Yes, you are right. In the editor works only, but using a context from a parent (it has to be parent), then it works.
@Max
That is a typical use case for contexts. But you should not create that context on a page. You can create a provider component that you include on each page.
Also, information on the frontend should never enable users to inject harmful info in your backend. You need to secure that server side
unicodes

22 days ago
In this case, how to create a provider if the profider itself has to be the page or the parent?
@unicodes
In this case, how to create a provider if the profider itself has to be the page or the parent?
Max

22 days ago
Just create a component that only has a slot and the required data. And place this component as the first component on your page. All other components need to be children of that component. Just like in my screenshot
unicodes

22 days ago
Now it makes sens 😅
💪1
@unicodes
Now it makes sens 😅
Max

22 days ago
Good 😊
unicodes

22 days ago
I'm feeling baaaad, I understood wrong 😅
Created a thread and made lucas and gasilio going crazy for such stupid thing
Thank you Max!
💪1
@unicodes
I'm feeling baaaad, I understood wrong 😅
Max

22 days ago
No worries, we are all learning 😁
❤️1

How can I load user app settings from the database only once?

unicodes

Max

unicodes

needtheanswers

Max

needtheanswers

Max

needtheanswers

unicodes

Max

unicodes

unicodes

Max

unicodes

unicodes

Max

unicodes

unicodes

Max

unicodes

unicodes

Max

unicodes

Max

unicodes

Max

Stop scrolling. Start building.

Chat with @team-toddle

Video call our CEO

Get in touch!

Product

Company

Resources

Community