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.

Building solutions with the SharePoint Framework - deep-dive

884 views

Published on

Get the most out of the SharePoint Framework and learn how to use it effectively in your SharePoint customizations.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Building solutions with the SharePoint Framework - deep-dive

  1. 1. Waldek Mastykarz Mikael Svenson
  2. 2. Thanks to our sponsors Platinum Gold Silver SharePint
  3. 3. Don’t bundle frameworks. Load from URL instead config/config.json { externals: { "angular": { "path": "https://cdn.com/…/angular.min.js", "globalName": "angular" } } }
  4. 4. Different way to reference the framework based on its format • Module format (AMD, UMD, etc.) • URL only • Non-module format • URL + globalName • optional globalDependencies
  5. 5. Known where you’re running • Get from this.context.environment.type • Possible values: • EnvironmentType.Test – tests context • EnvironmentType.Local – SharePoint workbench • EnvironmentType.SharePoint – Modern SharePoint page • EnvironmentType.ClassicSharePoint – Classic SharePoint page
  6. 6. Validate web part properties values • Synchronous • Valid value: return empty string • Invalid value: return error message • Asynchronous (using Promises) • Valid value: resolve promise with empty string • Invalid value: resolve promise with the error message • Do not reject the promise!
  7. 7. Pre-configure web part for easy use • Configuration set provided through preconfiguredEntries • Different title, description and web part properties value
  8. 8. Consider search • Use the searchablePropertyNames property to expose web part configuration to SharePoint search
  9. 9. Web part configuration • Standard through web part property pane • Easy to implement • Familiar to users • Custom through the web part surface • More complex to implement • Gives developers more freedom
  10. 10. Analyze SharePoint Framework projects with SPCAF • Catch errors and fix easily using the provided guidance • For developers • Code analysis • Best practices • For administrators • Solution inventory • Security assessment • Available soon (visit spcaf.com for more information)
  11. 11. Get in touch! @waldekm blog.mastykarz.nl @mikaelsvenson techmikael.com

×