All topics

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

unicodes

3 months 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

3 months 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

3 months 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

3 months 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

3 months 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

3 months 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

3 months 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

3 months ago

Going to implement this RIGHT NOW! 👍
💪1
unicodes

3 months 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

3 months ago

Ca you share your component tree of that page?
unicodes

3 months 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

3 months 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

3 months ago

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

3 months ago

The page-requst_company
unicodes

3 months 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

3 months 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

3 months ago

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

3 months 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

3 months 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

3 months 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

3 months 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

3 months 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

3 months ago

Now it makes sens 😅
💪1
@unicodes
Now it makes sens 😅
Max

3 months ago

Good 😊
unicodes

3 months 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

3 months 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