What happens when you select or deselect a site in my React-News web part? My web part makes use of propertyPaths, ComponentDidUpdate, and more. It gets the news posts from the current site it’s deployed on by default but you can add as many sites as you’d like. Let’s see how all of this works!Continue reading “ComponentDidUpdate updating properties”
Category Archives: Spfx
React-News Pagination
For my React-News web part I created ‘pages’ that the user can click through. The web part breaks up all of the news posts into groups of three and displays them in that order. There is a lot happening behind the scene, however. Let’s see what’s going on! The first thing to define is thatContinue reading “React-News Pagination”
React News Webpart
I wanted to customize the SharePoint News out-of-the-box web part so I re-created it with some of the features I wanted. The web part gets the SharePoint News Posts from a SharePoint site or multiple SharePoint sites and displays them in one of two styles. The styling of my web part is based off ofContinue reading “React News Webpart”
Upgrades – Webpart and Environment
Upgrade Your Webpart There’s a difference between upgrading your webpart and upgrading your environment; You can upgrade your environment and every webpart you create after that will be that version, or you only upgrade one at a time and keep your current version the same. If you don’t want to use a certain version butContinue reading “Upgrades – Webpart and Environment”
React Groups and Teams
Recently I had a client that needed to display the SharePoint Groups in their Organization and their person groups as well as showing their MS Teams Teams. This webpart makes use of the SharePoint site’s theme for the styling as well. For the Microsoft 365 Groups section they required: A toggle for the Group visibilityContinue reading “React Groups and Teams”
React Groups and Teams Filters
In this blog I’ll go over both of the filters you can find in my React Groups and Teams Filters webpart. The first filter switches the All Groups in my Organization to My Groups and the second filters the visibility of the groups ( Public/Private/All ) In the screenshot below you can see the codeContinue reading “React Groups and Teams Filters”