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

Leveraging other tools to debug

Dedicated tools other than SPFx or SharePoint can be used as well when it comes to debugging your components. Let’s explore some of them:

React Developer Tools: This is a Chrome and Edge browser extension specifically designed to debug React interfaces. As most of your SPFx components will be probably developed using this framework, this is a good tool to think about when it comes to purely debugging the UI. With this, you can monitor the component rendering life cycle and review props and state values quite easily:

Figure 17.16 – React Developer Tools

SP Editor: Another Google Chrome extension, but this time from a community open source initiative. Even though it can’t be categorized as a debug tool directly, this extension can be very handy to speed up your debug process, for instance, by providing predefined actions related to debugging operations (such as loading a debug SPFx manifest...