SPFx 1.10: Library Component Updates and Teams Improvements

SharePoint Framework 1.10 continues to improve Teams integration and library component support. Here’s what’s new for SharePoint developers.

What’s New

• Office UI Fabric React 7: Updated component library
• Teams Tab Improvements: Better theme support
• Library Components: Improved versioning
• Node 10/12 Support: Updated tooling compatibility

Teams Theme Support

// Detect Teams theme
const teamsContext = this.context.sdks.microsoftTeams;

if (teamsContext) {
  const theme = teamsContext.context.theme;
  // theme: 'default' | 'dark' | 'contrast'
  
  this.applyTheme(theme);
}

Upgrade Steps

npm install @microsoft/generator-sharepoint@1.10.0 -g

# Update existing project
npm install @microsoft/sp-core-library@1.10.0
npm install @microsoft/sp-webpart-base@1.10.0

References

• SPFx 1.10 Release Notes