Webflow

⚙️ 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

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.