When & Where to Put Reusable Elements for a Scalable Bubble App

[@mihai62834]

In many programs in which you build something (3D modelling software) there is this concept of a construction block which can be used in several instances, but there are two distinctive features: first is the “reusable element” which preserves the dependency to the “mold” - every modification of the mold will be reflected in its children; the second feature is an element which can be used as a template - this one has similar features with the mold but it’s different, in other words it’s worth using that template but you no longer want its dependency to the “mold” because you want to add some particularities to it. I am a Bubble newbie and the reusable element seems a reasonably straightforward concept but I couldn’t find the second feature mentioned above. The component library? But that one is prepopulated and one cannot save its own templates. Thank you.

[@elenuchy10]

Where you add the workflows in the reusable element or in the page with the reusable element?

[@waltersengikdacruz4686]

Until this video I didn't know how to solve this. Thanks a lot :)

[@coachingnocodeapps]

You are welcome!

[@alannamoos]

Great tips ! Thank you for sharing. Would you be able to explain how to pass data from a reusable-element to a page and vice versa ? I have a Header-Menu that has a Button, when clicked, it displays a Popup, this popup is placed on the reusable-element. Inside this popup I have a form that collects some data and stores it in database using a workflow. Once the Thing is successfully created in the database, I get that result and store it in a custom-state on the reusable-element. What I want to do next is pass that value that I stored in the custom-state to a page, but so far I was not able to. any suggestions are very much appreciated.

[@NewVision-learn]

thanks for the great content , can you please prepare a video about many to many tables relationships, for example, I'm building a student management system, in the courses table I have a list of students, how can I get the list of courses for each student? can I do it by workflow? or should I add a new element to the student table as a list of courses? if this is the best practice then what is the logical flow should be to maintain the list of courses for each student

[@coachingnocodeapps]

Thanks for the suggestion! Definitely check out our other resources, too, if you're still needing some help: coachingnocodeapps.com/resources

[@0xyg3n]

Hey Gaby! Just a quick question: does a reusable element which has been added to a page update when its original reusable item is being changed? It does not seem to work for me and I cannot seem to google the answer. It appears that every time I change a reusable element (the "original template"), I need to remove and add that element from and to pages where I had it included, before the change. Maybe I am doing something wrong. Case in point: I've added a menu as a reusable element to many pages, now I thought: "let's just change that root reusable item and the changes will propagate through all pages accordingly". Does not seem to work this way. Right?

[@nocodelife]

The changes should propagate through all pages that are using the reusable element without needing to remove and add the element again. I've never had a situation where it didn't do that. Sounds like you may have found a bug.

[@themore-you-know]

Optimization hypothesis: Doesn't the use of menus inside repeatable menus bulk the app? For instance: I've been using a RepeatableGroup element to manage the display of a single pop-up menu, to avoid every cell holding a copy of the menu. Whereas if I included the menu inside the repeatableGroup's cells by using a Reusable Element, it would make 20x that same menu be hidden in there.