Spfx – Graphgod

React Groups & Teams 2.0

On the left is the new Table style with the default 5 groups selected. On the right is the Cards display with 9 cards in the total view. Overview React Groups and Teams was released May 3rd to the Patterns and Practices SPFx community (PnP). This was my first official web part for PnP andContinue reading “React Groups & Teams 2.0”

ComponentDidUpdate updating properties

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”

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”