Skip to content
List all teams to users
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode Created test spfx for teams May 6, 2019
config Created test spfx for teams May 6, 2019
images udpates to readme May 25, 2019
src href target blank updated May 28, 2019
teams Created test spfx for teams May 6, 2019
.editorconfig
.gitignore Created test spfx for teams May 6, 2019
.yo-rc.json
README.md udpates to readme May 25, 2019
gulpfile.js Created test spfx for teams May 6, 2019
package-lock.json Created test spfx for teams May 6, 2019
package.json Created test spfx for teams May 6, 2019
tsconfig.json Created test spfx for teams May 6, 2019
tslint.json

README.md

react-teams-list

This SPFX webpart which can also be used as Teams tab lists all the teams in the tenant. It will display if a user is already part of a Microsoft Teams Team and if not provide a join link

In Teams

teams

In SharePoint Site

teams

Used SharePoint Framework Version

1.8.1 plusBeta

Version Date Comments
1.0 May 6, 2019 Initial release
Solution Author(s)
react-teams-list Rabia Williams

This webpart requires Web API Permissions for

Make sure you make this an isolated webpart, for ease of demonstration this webpart is currently not an isolated webpart and uses existing permissions granted

{
"resource": "Microsoft Graph",
"scope": "User.Read.All"
},
{
"resource": "Microsoft Graph",
"scope": "User.ReadBasic.All"
},{
"resource": "Microsoft Graph",
"scope": "Groups.Read.All"
}

permission

Building the code

git clone the repo
npm i
npm i -g gulp
gulp

This package produces the following:

  • lib/* - intermediate-stage commonjs build artifacts
  • dist/* - the bundled script, along with other resources
  • deploy/* - all resources which should be uploaded to a CDN.

Build options

gulp clean - TODO gulp test - TODO gulp serve - TODO gulp bundle - TODO gulp package-solution - TODO

Disclaimer

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.


Minimal Path to Awesome

  • Clone this repository
  • Package the SPFX webpart
  • Copy the package react-teams-list to the appcatalog
  • Copy the zip file in teams folder to the appcatalog
  • Upload the zip file also to the Teams app, via side loading
  • Add the app into a channel
You can’t perform that action at this time.