Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

SPUnite17 Deep Dive Building Solutions

SharePoint Unite 2017 Session

  • Login to see the comments

  • Be the first to like this

SPUnite17 Deep Dive Building Solutions

  1. 1. w: rencore.com | e: info@rencore.com | t: @rencoreab Manage Customization Risk and Save on Maintenance Costs! Customization governance, transformation and risk prevention for SharePoint & Office365 Building SharePoint Framework solutions deep dive
  2. 2. One generator to rule them all rencore.com @microsoft/generator-sharepoint Online only @latest latest features ≥ SP2016 FP2 @1.1 subset
  3. 3. Building an SPFx solution over time SPFx v1.3.2 SPFx v1.4 SPFx v1.5 SPFx v1.6 SPFx v1.7 rencore.com
  4. 4. Upgrading projects rencore.com Create new & move Beware of IDs Update existing Update all version references Mind new project structure Beware of npm outdated
  5. 5. Development environment
  6. 6. Install SPFx Yeoman generator locally • npm i yo -g • npm i @microsoft/generator-sharepoint • yo @microsoft/sharepoint • npm i @microsoft/generator-sharepoint -D rencore.com
  7. 7. ALM rencore.com Dev UAT Prod
  8. 8. ALM ingredients rencore.com • Package management APIs • Promote package through stages
  9. 9. Contoso intranet 9:00am rencore.com 0 2000 4000 6000 8000 10000 12000 spfx-weather-webpart-weatherstrings_en- us_e7b9950840f4742a1ba71b7cf9b5fcae.js weather.bundle_ea8f663450667f0760f7b54c6fa15c06.js 9:00am
  10. 10. Contoso intranet 9:10am rencore.com 0 2000 4000 6000 8000 10000 12000 spfx-weather-webpart-weatherstrings_en- us_e7b9950840f4742a1ba71b7cf9b5fcae.js weather.bundle_ea8f663450667f0760f7b54c6fa15c06.js 9:00am 9:10am
  11. 11. How your browser loads SPFx solutions SharePoint Service
  12. 12. How your browser loads SPFx solutions SharePoint Service
  13. 13. Optimize serving your files for performance rencore.com • Set far-future expiration (eg. 1 year) • Allow proxies to cache • Use HTTP/2 • Enable dynamic compression
  14. 14. Optimize serving your files for performance rencore.com Hosting Capability Office 365 Public CDN Azure Blob Storage Azure CDN Expiration 1 hour Configurable Configurable Allows proxies to cache No Configurable Configurable Use HTTP/2 Yes No Configurable Dynamic compression No Manual Configurable Costs 0 € €€
  15. 15. Working with JS libraries
  16. 16. Working with Office UI Fabric
  17. 17. Next steps • Check out official documentation at aka.ms/spfx-docs • Follow @OfficeDev to keep up with latest news • Share your experience & feedback at aka.ms/spfx-feedback rencore.com

×