Debugging frontend app
Browser console logs
- Open your app in the browser.
- Access the browser's developer console (right-click and select "Inspect").
- Look for any error messages or warnings in the console logs.
Browser developer tools debugger
Use developer tools in your browser to set breakpoints in your frontend code and inspect variables as your app runs. This can help you pinpoint issues in your code.
Using the debugger; statement
Utilize the debugger statement to freeze code execution and examine the state of your code during debugging. This can be more effective than using console.log.
Snippets
Use code snippets to test specific functionalities of your app without altering your codebase. See example video.
Network tab
Monitor network requests and responses using the Network tab to identify issues related to API calls and data fetching.