On the client-side, Lightning Components consist of JavaScript, while on the server-side they are an Apex class that does all the server-side logic. Debugging Lightning Components involves an understanding of the debugging techniques used for JavaScript, as well as techniques used for debugging Apex classes.
In this chapter, we will explore the following topics:
- Chrome extensions that Salesforce offers to debug Lightning Components and analyze their performance
- Using Chrome developer tools for JavaScript debugging
- Leveraging the Salesforce Apex Replay Debugger for server-side Apex debugging
We will take the YouTube search component example we built in Chapter 3, Lightning Component Building Blocks, to understand debugging techniques.