Office 365 & SharePoint Connect Session

1. Customizing SharePoint and Microsoft Teams
with SharePoint Framework web parts
Olli Jääskeläinen, Sulava

3. Olli Jääskeläinen
MVP, MCM, MCT
Office 365 & SharePoint User Group
Finland Organizer
Lead architect, Collaboration & AI
Twitter: @_opax

4. Why?
SharePoint Framework web parts
are powerful and modern way to
customize SharePoint and
Microsoft Teams

5. Demo
SharePoint Framework web parts in SharePoint and Teams

6. For good look and feel
Use Office UI Fabric

7. Demo
SharePoint Framework Office UI Fabric React components

8. Key resources to get you started
Build your first client-side web part
https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part
SharePoint Dev Documentation
http://aka.ms/spdev-docs
SharePoint Dev Videos (including recorded community calls)
http://aka.ms/spdev-videos

9. A community to keep you going
SharePoint Dev Community
http://aka.ms/sppnp
SharePoint Framework Special Interest Group community call
https://aka.ms/sppnp-js-sig-call
SharePoint Dev issues
http://aka.ms/spdev-issues
SharePoint Dev UserVoice
http://aka.ms/spdev-uservoice

10. For the good look and feel
Office UI Fabric
https://developer.microsoft.com/en-us/fabric
Office UI Fabric components
https://developer.microsoft.com/en-us/fabric#/components
Step-by-step example
https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-
parts/get-started/use-fabric-react-components

11. Conclusion
SharePoint Framework is a powerful and modern way to
customize Teams and SharePoint
It is easy to start building your web parts and use them in
Microsoft Teams tabs or SharePoint pages
Use Office UI Fabric for good look and feel
Excellent free resources available from step-by-step instructions
to guidelines and source code