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.

.NET Fest 2017. Stefano Tempesta. SOLID SharePoint apps with TypeScript and SharePoint Framework

129 views

Published on

The principles of SOLID are guidelines that can be applied to software development to improve legibility and maintainability of software applications. This session explores best practices and design patterns for developing SharePoint apps in TypeScript, using the new client-side SharePoint Framework, and improve compliance to the five SOLID principles.

Published in: Education
  • Be the first to comment

  • Be the first to like this

.NET Fest 2017. Stefano Tempesta. SOLID SharePoint apps with TypeScript and SharePoint Framework

  1. 1. Kiev 2017 Only real cases. Only actual trends. SOLID SharePoint apps with TypeScript and SharePoint Framework Stefano Tempesta @stefanotempesta /in/stefanotempesta
  2. 2. Kiev 2017 AGENDA SharePoint Framework TypeScript SOLID Principles SPFx WebPart
  3. 3. Kiev 2017 SharePoint Development 2007 2010 2013 2016 FULL TRUST CSOM APP MODEL SPFx
  4. 4. Kiev 2017 SharePoint Framework “Is a page and web part model with full support for client-side SharePoint development using modern web technology and tools” • Context of the current user • Real DOM, no iFrame • Responsive • Open source tools and libraries • WebParts & Extensions • Modern Pages & Classic Pages • Both in Cloud and On-Premises
  5. 5. Kiev 2017 SharePoint Framework VS Project  New  <Template> JavaScript C#
  6. 6. Kiev 2017 DEMO SPFx WebPart
  7. 7. Kiev 2017 TypeScript • Structural OOP on top of JavaScript • Static Type checking • Compile down to older versions of JavaScript • Automatic and safe code refactoring • Code contracts (interfaces)
  8. 8. Kiev 2017 SOLID Principles
  9. 9. Kiev 2017 Code “Smells” Typical software code “smells”: • Tightly Coupled • Loosely Typed • Poorly Object Oriented • Procedural Programming Code Samples
  10. 10. Kiev 2017 Design Patterns A few software design patterns: • Creational Patterns • Behavioral Patterns • Structural Patterns o Decorator o Composite o Adapter Code Samples
  11. 11. Kiev 2017 “Smells” in Real Life TIGHTLY COUPLED LOOSELY COUPLED
  12. 12. Kiev 2017 Design Patterns in Real Life DECORATOR COMPOSITE ADAPTER
  13. 13. Kiev 2017 SOLID Principles in Real Life LISKOV SUBSTITUTION OPEN / CLOSE
  14. 14. Kiev 2017 DEMO SOLID SPFx WebPart
  15. 15. Kiev 2017 Only real cases. Only actual trends. @stefanotempesta /in/stefanotempesta /stefanotempesta/sharepointframework

×