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.

1. Kiev 2017
Only real cases. Only actual trends.
SOLID SharePoint apps
with TypeScript and
SharePoint Framework
Stefano Tempesta
@stefanotempesta
/in/stefanotempesta

2. Kiev 2017
AGENDA
SharePoint Framework
TypeScript
SOLID Principles
SPFx WebPart

3. Kiev 2017
SharePoint Development
2007 2010 2013 2016
FULL
TRUST
CSOM
APP
MODEL
SPFx

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. Kiev 2017
SharePoint Framework
VS Project 
New  <Template>
JavaScript
C#

6. Kiev 2017
DEMO
SPFx WebPart

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. Kiev 2017
SOLID Principles

9. Kiev 2017
Code “Smells”
Typical software code “smells”:
• Tightly Coupled
• Loosely Typed
• Poorly Object Oriented
• Procedural Programming
Code Samples

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. Kiev 2017
“Smells” in Real Life
TIGHTLY COUPLED LOOSELY COUPLED

12. Kiev 2017
Design Patterns in Real Life
DECORATOR COMPOSITE ADAPTER

13. Kiev 2017
SOLID Principles in Real Life
LISKOV SUBSTITUTION OPEN / CLOSE

14. Kiev 2017
DEMO
SOLID SPFx WebPart

15. Kiev 2017
Only real cases. Only actual trends.
@stefanotempesta
/in/stefanotempesta
/stefanotempesta/sharepointframework