SOLID SharePoint apps with TypeScript and SharePoint Framework.

on YouTube ↗46m

" summary

Shows how TypeScript + SharePoint Framework implements concrete SOLID refactorings: interfaces for list-item contracts, dependency injection for renderers, and unit-testable classes with mocks. Uses Yeoman/npm/TS toolchain and editors like WebStorm/Atom, builds a SPFx web part that reads list items, packages the .sppkg and deploys to tenant app catalog by drag‑and‑drop. Source code is published and the demo web part runs in SharePoint Online, so patterns actually work end‑to‑end.

AI-written summary · about

" chapters (12)

1. 0:00SharePoint dev challenges
2. 3:50SPFx and modern apps
3. 9:00Setting up the SharePoint Framework environment
4. 12:25First web part with TS
5. 16:34SOLID in SharePoint apps
6. 21:17Single Responsibility in practice
7. 25:55Open/Closed & Liskov principles
8. 29:02Dependency Inversion benefits
9. 34:09Live demo: SP web part
10. 38:06Deploy & test in SharePoint
11. 41:54Packaging & distribution
12. 43:00Q&A

" related talks

• 01h 03mTypeScript – JavaScript for C# devsChris Klug · NDC London 2017
• 42mStart Applying SOLID Principles in JavaScript Thanks to TypeScriptLeonardo Micheloni · Commit Conf 2019
• 45mA Software Architect's Approach towards SPA Based Micro AppsManfred Steyer · Voxxed Days Microservices 2018
• 46mLearnShop: Deploying Web Apps to the Cloud with TypeScriptJohn Papa, Craig Shoemaker · TSConf 2020
• 57mBuilding Scalable, Maintainable Apps Using TypeScript and ReactKamran Ayub · NDC Minnesota 2018
• 51mBuilding Amazing Single Page Applications the Right WayJustin Meyer · GOTO Chicago 2015
• 46mFuture-proof your Web Apps with Web Components and LitElementKito Mann · RVA JavaScript Conf 2019
• 20mTypeScript and ES6Dan Wahlin, Andrew Connell · ng-conf 2015