Downloaded 17 times
Uploaded byDIWUG
SPSNL17 - Deep-dive building SharePoint Framework solutions - Albert-Jan Schot & Waldek Mastykarz
The document provides an overview of building SharePoint Framework solutions, highlighting essential development practices and governance considerations. Key recommendations include using a lock file, avoiding bundling external libraries, and validating property values. It also outlines next steps for getting started and accessing further resources.
More Related Content
Similar to SPSNL17 - Deep-dive building SharePoint Framework solutions - Albert-Jan Schot & Waldek Mastykarz
![[Patel] SPFx: An ISV Insight into latest Microsoft's customization model](https://cdn.slidesharecdn.com/ss_thumbnails/ecs18shaipatelspfxanisvinsight-180618091115-thumbnail.jpg?width=640&height=640&fit=bounds)
SPSNL17 - Deep-dive building SharePoint Framework solutions - Albert-Jan Schot & Waldek Mastykarz
- 1. Deep-dive building SharePoint Frameworksolutions Waldek Mastykarz & Albert-Jan Schot
- 3.
- 4.
- 5.
- 6. Anatomy of aSharePoint Framework solution
- 7.
- 8. Development practices If you area developer/architect
- 9. Recap 1. Always uselock file 2. Don’t bundle external libraries 3. Validate properties values before using 4. Beware of PropertyPaneTextField with numeric properties 5. Define development governance plan 6. Define governance plan for your customer/organization
- 10. Next steps 1. Getstarted: aka.ms/spfx-dev-env 2. SPFx documentation & guidance: aka.ms/spfx 3. Share your feedback: aka.ms/spfx-issues
- 11. Office Development MVP https://blog.mastykarz.nl @waldekm https://rencore.com OfficeServers & Services MVP https://sharepointappie.nl @appieschot https://mavention.nl
- 12.
Editor's Notes
- #4 + npm shrinkwrap/lock files + bundling externe libraries + validating properties + disable reactive mode + PropertyPaneTextField vs. nummers
- #5 Development environment Host VM Docker Local Yeoman installation Development workflow New project Npm shrinkwrap Add to source control Get from source control Npm install Working with internal packages Private registry as a service Own private registry (non-trivial) Npm link Ensure consistency and quality Standardize JavaScript library Coding standards, ie. Angular style guide Linting Automated testing Code analysis
- #7 Manifest deployed to SharePoint AppCatalog by Tenant Admin Code can be hosted in SharePoint or external and loaded into page Code executes under the context of the current user (full trust)
- #8 Standardize client-side libraries usage Define a policy on using external scripts Standardize hosting location for SPFx solutions Communicate preconditions to project teams upfront Make explicit agreement with ISVs Can the solution be updated without your knowledge What is the SLA Where is the code hosted? Where is the data stored? How is the security enforced? Verify that solutions meet your requirements
- #9 Agree on preconditions upfront Guide customer if they don’t have a governance plan in place Develop good practices for your organization/team How do you test solutions? Locally QA UAT How do you release solutions? Where are they deployed to? Who governs them? What’s the SLA?