stuff

3. Mark Rackley
Solutions Architect
Developer
Blogger
Speaker
Conference Organizer
Podcaster
InfoPath Hater
Bacon Lover
mrackley@paitgroup.com
@mrackley
www.paitgroup.com
www.techsplaining.net
www.collabsummit.org
www.stratusforms.com
www.markrackley.net

4. WHAT’S UP WITH THIS SESSION?

5. WHAT’S UP WITH THIS SESSION?
Have existing jQuery/JavaScript solutions
Need to better understand the SharePoint Framework
Don’t know or don’t want to learn TypeScript
Don’t know or don’t want to learn React
Need to know how to get started
FOR CLIENT SIDE DEVELOPERS THAT…

6. Goals for the Session
What is the
SharePoint
Framework?
Why do we
need the
SharePoint
Framework?
Converting a
Customization
to the
SharePoint
Framework

7. WHAT IS THE SHAREPOINT FRAMEWORK
(SPFx)
SharePoint framework
LOB Systems and Cloud Services
Microsoft Graph
(coming soon)
Modern client-side development
Lightweight web and mobile
Used to build Modern SharePoint
Page
Backward compatible
Supports open source tools
and JavaScript web frameworks

8. THE SHAREPOINT FRAMEWORK
Finally! A management and deployment story for our client side web parts
Works in Classic and Modern Pages
Users can set properties instead of having to modify script
Local Workbench for development and debugging
TypeScript (if you are a .NET Dev)
You GET to learn new (marketable) skills
Mobile friendly
Works the same in On Premises and Online
GOOD

9. THE SHAREPOINT FRAMEWORK
The process can initially be daunting if you are a .NET developer (Change is hard)
TypeScript (If you are JavaScript developer)
Limited Visual Studio Tooling
There is no store
You HAVE to learn new skills
WHAT HURDLES WILL YOU FACE?

10. JavaScript/HTML/CSS
An open mind (it’s a brave new world)
Node.js, NPM, Yeoman, Gulp??? (open
source FTW!)
TypeScript (Enterprise JavaScript
Development)
Office UI Fabric (Front-end visual
Framework)
VisualStudio Code
SKILLS YOU NEED TO
EMBRACE

11. WHY DO YOU NEED THE SHAREPOINT
FRAMEWORK

12. Stop polluting the global namespace
Better for the mobile application
Prevents non-devs from potential
security risks of putting unknown
scripts on page
STOP SCRIPT INJECTION
WHY DO YOU NEED THE SHAREPOINT
FRAMEWORK

13. WHY DO YOU NEED THE SHAREPOINT
FRAMEWORK
Stop polluting the global namespace
Better for the mobile framework
Prevents non-devs from potential
security risks of putting unknown
scripts on page
STOP SCRIPT INJECTION
Create manageable projects for multiple
devs
Deploy solutions easily to multiple sites or
pages
Use properties and keep users out of
scripts
ENTERPRISE READY

14. DEMO: A Customization
without the SharePoint
Framework

15. DEMO: Converting a
Customization to the
SharePoint Framework

26. A couple of other
potential hurdles

30. • Install Instructions:
• https://github.com/SharePoint/sp-dev-docs
• Online Courses:
• https://www.voitanos.io/
• (Use Code “Rackley” for 10% off)
• Prolific blog posts:
• https://blog.mastykarz.nl/
• Source Code for this session
https://github.com/mrackley/SPFXConvert