You're reading from Practical SharePoint Framework (SPFx) Development Build modern, scalable, and efficient business solutions for SharePoint and Microsoft 365

Product type Paperback

Published in Jun 2025

Publisher Packt

ISBN-13 9781835466780

Length 442 pages

Edition 1st Edition

Languages

JavaScript

Tools

SharePoint Framework

Concepts

SharePoint Development

Authors (2):

Franck Cornu

Anoop T.

View More author details

Table of Contents (29) Chapters

Preface

1. Part 1: Getting Started with the SharePoint Framework FREE CHAPTER

2. Chapter 1: Introducing Microsoft 365 and SharePoint Online for Developers

3. Chapter 2: Ecosystem and Building Blocks around the SharePoint Framework

4. Chapter 3: Your First Steps with the SharePoint Framework

5. Chapter 4: Packt Product Management Solution: A Practical Use Case

6. Part 2: Building Web Parts with the SharePoint Framework

7. Chapter 5: Building a SharePoint Web Part

8. Chapter 6: Working with the Property Pane

9. Chapter 7: Connecting to Other Web Parts

10. Chapter 8: Deploying a SharePoint Web Part

11. Part 3: Building Extensions with the SharePoint Framework

12. Chapter 9: Building a Form Customizer

13. Chapter 10: Building an Application Customizer

14. Chapter 11: Building a Field Customizer

15. Chapter 12: Building a ListView Command Set

16. Chapter 13: Building a Search Query Modifier

17. Chapter 14: Building an Adaptive Card Extension

18. Chapter 15: Deploying Extensions

19. Part 4: Going Further with the SharePoint Framework

20. Chapter 16: Sharing Your Code Using Library Components

21. Chapter 17: Debugging Your Solution Efficiently

22. Chapter 18: Consuming APIs

23. Chapter 19: Writing Tests with SPFx

24. Chapter 20: Upgrading Your Solutions

25. Chapter 21: Leveraging Community Tools and Libraries

26. Chapter 22: Development Platforms

27. Index

Why subscribe?

28. Other Books You May Enjoy

Using the SPFx developer dashboard and maintenance mode

When it comes to inspecting the context where the solutions are executed, SPFx provides handy tools you can use as a developer to help you in your debug session: the SPFx developer dashboard and maintenance mode.

Using the SPFx developer dashboard

The SPFx developer dashboard can be opened by pressing Ctrl + F12 on a page displaying console at the bottom of the page:

Figure 17.8 – SPFx developer dashboard

The dashboard provides a lot of information about the current execution context. It is composed of three tabs:

Trace: Captures the logs emitted by all the components loaded on the page and categorized by severity (verbose, info, warning, error).
Performance: Provides insights about page performance, such as load duration per component and per sequence (render, initialization, etc.).
Manifests: Displays the list of components manifests currently loaded on the page. It...