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 <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.