Which two resources should help accomplish this?

A UX Designer wants to explore sample code for Lightning components and see how changing to code affects the visual appearance in real time, without deploying any code to a Salesforce org.

Which two resources should help accomplish this? Choose 2 answers
A . Lightning Design System Website
B . Local Development Server
C . Lightning Web Component Recipes App
D . Develop Center’s Lightning Component Library

View Answer

Answer: A B

Explanation:

Two resources that can help a UX Designer to explore sample code for Lightning components and see how changing the code affects the visual appearance in real time, without deploying any code to a Salesforce org, are:

Lightning Design System Website. The Lightning Design System website is a resource that provides design guidelines, UI components, and code samples for building Lightning applications. The website also features a live code editor that allows the designer to edit and preview the code for Lightning web components and Aura components, and see the changes reflected in the browser instantly. The live code editor also provides syntax highlighting, auto-completion, and error checking features. The designer can use the Lightning Design System website to experiment with different code snippets and learn how to apply the design principles and best practices for Lightning components. Lightning

Design System Website, [UX Designer Certification Prep: Salesforce Design System]

Local Development Server. The Local Development Server is a resource that allows the designer to build, run, and test Lightning web components without deploying them to a Salesforce org. The Local Development Server is a CLI plug-in that creates a local web server that serves the Lightning web components from the local file system. The designer can use the Local Development Server to edit the code for Lightning web components in their preferred code editor, such as Visual Studio Code, and see the changes updated in the browser automatically. The Local Development Server also supports hot reloading, which preserves the component state and the browser session during code changes. The designer can use the Local Development Server to speed up the development and testing process and to debug the code for Lightning web components. Local Development Server, [UX Designer Certification Prep: User Testing and Evaluation]

The Lightning Web Component Recipes App and the Developer Center’s Lightning Component Library are not resources that can help a UX Designer to explore sample code for Lightning components and see how changing the code affects the visual appearance in real time, without deploying any code to a Salesforce org. The Lightning Web Component Recipes App is a sample application that showcases the functionality and best practices for Lightning web components. The Developer Center’s Lightning Component Library is a reference guide that provides documentation and examples for Lightning web components and Aura components. However, neither of these resources allow the designer to edit and preview the code in real time, as they require the code to be deployed to a Salesforce org or a scratch org first. Lightning Web Component Recipes App, Developer Center’s Lightning Component Library, [UX Designer Certification Prep: User Testing and Evaluation]

Reference: Lightning Design System Website, Local Development Server, Lightning Web Component Recipes App, Developer Center’s Lightning Component Library, [UX Designer Certification Prep: Salesforce Design System], [UX Designer Certification Prep: User Testing and Evaluation]