Go to Lightning App Builder and create an App Page, “Car Explorer” and add the components “carFilter”, “carTileList” and “carCard” in the page and click on Save.
Go to App Manager , create a new lightning app “CAR_HUB”. Add the app page “Car Explorer” and Car object in the navigation items.
Go to App Launcher and Search for “CAR_HUB”. Test the functionality.
carFilter and carCard Components Read More »
Building Our First LWC Component : In this section, we’ll start developing our Car Hub project by creating the carTile component. This component is responsible for displaying individual car details in a concise format, which will be used within the carTileList component to show multiple cars.
carTile and carTileList Components Read More »
This is a single page project and we are using lightning message channel to share the information from one component to another.
Filter Component: This component allows users to search for cars based on various criteria. Users can filter cars by name, select a price range, and choose specific categories or makes. Any selections made in the filter component will instantly update the “Cars Available” component, displaying the results that match the chosen filters.
Introducing Car Hub: Overview of Key Components and Functionality Read More »
In the ever-evolving landscape of customer experiences, digital menus have become a pivotal tool for businesses, especially in the hospitality sector.
To sharpen my Salesforce skills and contribute to this trend, I embarked on a project to create a fully functional Digital Menu using Salesforce technologies. This project leverages the power of Lightning Web Components (LWC) for the front-end, Apex for server-side logic, and the Lightning Messaging Service for seamless communication between components.
Creating a Car Hub with Salesforce: A Hands-On Project Using LWC, Apex, and Jest Read More »
Hey there, fellow developers and curious minds! Are you ready to take your Lightning Web Components (LWC) skills to the next level? If you’re nodding your head, you’re in for a treat. I’m thrilled to introduce you to a brand new series of blogs and videos that will demystify the world of Jest in LWC development.
Embark on a Learning Adventure: Mastering Jest for Lightning Web Components (LWC) Read More »
JavaScript is a widely used programming language for making websites and web applications. In the Salesforce world, it’s crucial for creating Lightning Web Components (LWC). When you’re using JavaScript in LWC, it’s important to know the difference between ‘let’ and ‘var’ and ‘const’ because they are used to create variables in slightly different ways.
How to Declare Variables in Lightning Web Components Read More »
Lightning Datatable is a powerful prebuilt component provided by Salesforce for Lightning Web Components (LWC). While it offers default data types like text, date, and URL, there are instances when customizing the display is necessary. In this article, we’ll delve into custom types and why they are essential for adding interactive elements like custom buttons, images, and clickable columns in a Lightning Datatable.
How to use Custom Type in Lightning Datatable LWC Read More »
JavaScript is a single-threaded language, which means it can only execute one line of code at a time. Asynchronous operations, such as fetching data from a server or waiting for user input, can block the main thread of execution and make the application unresponsive.
Promise Chaining Vs Async – Await With Example Read More »
In LWC (Lightning Web Components), async and await are JavaScript language constructs used for asynchronous programming.
Async/await is a modern approach to handling asynchronous operations that simplifies the code and makes it easier to read and understand. The async keyword is used to define a function as asynchronous, while the await keyword is used to pause the execution of the function until a promise is resolved.
Async – Await in Lightning Web Components Read More »
