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

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

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

Understanding how debugging works

Before knowing how to debug, it is important to know how debugging works for JavaScript applications and what the core concepts behind this process are.

As mentioned at the very beginning of this book in Chapter 1, Introducing Microsoft 365 and SharePoint Online for Developers, SPFx solutions are client-side solutions, meaning they use JavaScript code executed directly in a web browser (among various other assets, such as CSS and images). To be able to debug them efficiently, JavaScript solutions rely on source map files.

Source maps are an essential feature in modern web development that greatly simplify the debugging process. Because the SPFx build toolchain uses many intermediate steps before producing the final JavaScript bundle, making several transformations on it (transpiling, minifying, etc.), the code structure you wrote in your editor won’t be the code executed in the browser. This makes it difficult to follow and understand...