Now that we have the data model and client class capable of connecting to data, we will add these to the web part. There are quite a few things to do, but we will start with a few simple modifications to the web part file.
Step 5 - Implementing a to-do list in React and Fabric React components
by Olli Jääskeläinen, Jussi Roine
SharePoint Development with the SharePoint Framework
- Preface
- Introducing SharePoint Online for Developers
- Developing Solutions for SharePoint
- Getting Started with the SharePoint Framework
- Building Your First Web Part
- Using Visual Studio Code and Other Editors
- Packaging and Deploying Solutions
- Overview of packaging and deploying
- Packaging SharePoint Framework solutions
- Deploying SharePoint Framework solutions
- App Catalog
- Installing the app
- Deploying assets
- SharePoint Online CDN and Microsoft Azure CDN
- Configuring a SharePoint Online CDN
- Updating the project to support a SharePoint Online CDN
- Deploying assets to a SharePoint Online CDN
- Configuring Microsoft Azure Storage CDN
- Updating the project to support Microsoft Azure CDN
- Deploying assets to Microsoft Azure CDN
- Summary
- Working with SharePoint Content
- Overview of working with SharePoint content
- Using mock data
- Accessing real data with SPHttpClient
- Working with SharePoint lists
- Working with SharePoint list items
- Creating an Office 365 Group and new SharePoint list
- Basic operation with SharePoint list items using SPHttpClient
- Step 1 - create a hello-listitems web part project
- Step 2 - add a data model for list items
- Step 3 - build the user interface for the web part
- Step 4 - define the function that will make SPHttpClient request to read list items and test the web part
- Step 5 - implementing the _runOperation function and building a skeleton for CRUD operation functions
- Step 6 - implementing the create operation
- Step 7 - implementing the read operation
- Step 8 - implementing the update operation
- Step 9 - implementing the delete operation
- Summary
- Working with the Web Part Property Pane
- Using React and Office UI Fabric React Components
- Overview
- Understanding React
- Introduction to Fabric React components
- Using React and Office UI Fabric React components in SharePoint Framework web parts
- Creating the SharePoint Framework React To-do web part
- Step 1 - Creating a React web part project
- Step 2 - Adding Office UI Fabric React to the project
- Step 3 - Examining the React project structure
- Step 4 - Creating the ITodoItem interface and mockup data
- Step 5 - Implementing a to-do list in React and Fabric React components
- Summary
- Working with Other JavaScript Frameworks
- Troubleshooting and Debugging SharePoint Framework Solutions
- SharePoint APIs and Microsoft Graph
- The Future of SharePoint Customizations
Step 5 - Implementing a to-do list in React and Fabric React components
-
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click here login for view all page.