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

Building a SharePoint Web Part

In the previous chapter, we detailed the requirements of a company called Packt, requesting you to build their product management solution within Microsoft 365. It is now time to implement the solution, leveraging all the SPFx features available to you. We start with the first requirement: “Viewing products as a catalog.”

In this chapter, we will review all the steps you need to create an SPFx web part from scratch. You will do the following:

Learn how to build a web part from scratch and use the correct SPFx features to meet functional requirements
Understand the web part development flow using React and SPFx-provided lifecycle methods
Use Microsoft Graph to get real data from SharePoint lists
Learn how to handle styles and support themes for your web part
Learn how to localize your web part in accordance with users’ preferred language
Create web part top actions to provide quick configuration for users...