Basic SharePoint WebPart Form using SPFx/React to write data to a SharePoint list. Includes display of data from the list, which would be removed in the final version. Production versions would change fields to match corresponding SharePoint list.
Thanks to SimplyVoda for sharing SharePoint Framework (SPFx) Series repository which this basic Form is adapted from.
Get your own free development tenant by subscribing to Microsoft 365 developer program
| Solution | Author(s) |
|---|---|
| folder name | Author details (name, company, twitter alias with link) |
| Version | Date | Comments |
|---|---|---|
| 1.1 | August 15, 2024 | Simplified Form |
| 1.0 | August 14, 2024 | Initial release |
THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.
- Clone this repository
- Ensure that you are at the solution folder
- Edit serve.json to change intialPage variable to match your SharePoint tenant
- Edit ReactForm.tsx to change line 60 to match the title of your SharePoint list
- in the command-line run:
- npm install
- gulp serve
Description of the extension that expands upon high-level summary above.
This extension illustrates the following concepts:
- Creating a custom WebPart for SharePoint
- Reading data from a SharePoint list
- Writing data to a SharePoint list
- Getting started with SharePoint Framework
- Building for Microsoft teams
- Use Microsoft Graph in your solution
- Publish SharePoint Framework applications to the Marketplace
- Microsoft 365 Patterns and Practices - Guidance, tooling, samples and open-source controls for your Microsoft 365 development