⚙️ Embed 2.0
Modularity: Features are split into modules, loading only what’s needed per page. For example, if Stripe isn’t needed, it doesn’t load.
Asynchrony: This mechanism initiates requests or logic as the page begins to load, instead of post-loading.
👀 Element visibility
When elements are set to hidden, they’re now removed from the DOM.
This boosts app speed by limiting the number of active DOM elements. Ingesloten video
🆙 Lists improvements
In Embed 1.0, a change in a list causes the entire list to re-render. In embed 2.0 it only updates the affected item.
Clones are now recycled instead of being removed.
Template elements are removed from the DOM, and are stored in memory for reference.
📝 Using <form>
This update enhances the accessibility of our forms. Examples include:
- Using the keyboard. Submitting a form and initiating a request by pressing Enter.
- Accessing form submission data.
- Real-time updates (Firebase)
- Re-rendering the list upon submission.
📍 Computed Variables
The usage of variables has been expanded with computed variables.
If both variable 2 and variable 3 are true, then variable 1 is also set to be true. If any of these dependencies change, it’s automatically recalculated.
🧱 New Blocks API
This lets you interact with your application and construct logic based on its data. For instance, you can:
- Detect when a list re-renders or a list item gets updated.
- Identify when an element is hidden/displayed, a class is added, or text is changed.
♾ Configurator reactivity
This greatly enhances the development experience!
No need to reload the canvas when adding or modifying an action, or creating a new data-in or data-out request.
🆕 New code editor
Our current method involves writing JavaScript-like functions within {{ braces }} for logic. With the new code editor, we employ full JavaScript to write logic.
🔳 Dashboard redesign
The project overview is being redesigned, providing a better overview of all ongoing projects and faster access to recently edited ones.
Plus, there are whispers about a configurator redesign.
🔢 Version control
Developers can now manually select the application’s running version.
This ensures applications remain functional, preventing disruptions from new updates.