Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

SPUnite17 Deep Dive Building Solutions

SharePoint Unite 2017 Session

  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

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

×