Upgrade your LWC with these new features in Winter 24 Release

The Winter '24 release of Salesforce introduces several new features and enhancements to Lightning Web Components (LWC), including:

• Component-level API versioning: This feature allows you to specify the API version for each LWC component, ensuring that your components continue to work as expected even as the LWC framework evolves.

<?xml version="1.0" encoding="UTF-8"?>
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
    <apiVersion>58.0</apiVersion>
</LightningComponentBundle>

• Global color styling hooks: These hooks allow you to apply global color styling changes to your LWC components, making it easier to maintain a consistent look and feel across your applications. Check this links for global SLDS classes "Global Color Styling Hooks - Lightning Design System".

• Dynamically import and instantiate Lightning Web Components: You can now dynamically import and instantiate LWC components at runtime, giving you more flexibility in how you structure and reuse your components. Check this blog for more information Dynamic Components in Lightning Web Components (sfdcblogs.com).

• Use RefreshView API with Lightning Locker: The lightning/refresh module and RefreshView API provide a standard way to refresh component data in Lightning web components (LWC). Now the RefreshView API also works with Lightning Locker, the security architecture in effect when Lightning Web Service (LWS) isn’t enabled. Previously, the RefreshView API required LWS to be enabled in the Salesforce org.