introduce modern to your classic projects · •typescript –typed superset of javascript....

19
06.04.2019 # 2019 # Introduce modern to your classic projects Piotr Siatka

Upload: others

Post on 24-Aug-2020

12 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Introduce modern to your classic projects · •Typescript –typed superset of JavaScript. 06.04.2019 Server side tool comparison # IIS Express Project Templates. 06.04.2019 Classic

06.04.2019

#

2019

#

Introduce modern to your classic projects

Piotr Siatka

Page 2: Introduce modern to your classic projects · •Typescript –typed superset of JavaScript. 06.04.2019 Server side tool comparison # IIS Express Project Templates. 06.04.2019 Classic

06.04.2019

#Sponsors and Partners

Page 3: Introduce modern to your classic projects · •Typescript –typed superset of JavaScript. 06.04.2019 Server side tool comparison # IIS Express Project Templates. 06.04.2019 Classic

06.04.2019

#About me

• Software Developer @Valo Intranet

• SharePoint Development / Administration experience

• #ValoLove #ValoRun

• Contact:• Twitter:@PiotrSiatka

• Email: [email protected]

Page 4: Introduce modern to your classic projects · •Typescript –typed superset of JavaScript. 06.04.2019 Server side tool comparison # IIS Express Project Templates. 06.04.2019 Classic

06.04.2019

#Let me tell you a story..

.. about SharePoint developer’s life..

Page 5: Introduce modern to your classic projects · •Typescript –typed superset of JavaScript. 06.04.2019 Server side tool comparison # IIS Express Project Templates. 06.04.2019 Classic

06.04.2019

#SharePoint development models

Full trust solutions

Sandbox solutions

Add-in/Apps (Autohosted, Provider-hosted, SharePoint-hosted)

SPFx

…?!

Page 6: Introduce modern to your classic projects · •Typescript –typed superset of JavaScript. 06.04.2019 Server side tool comparison # IIS Express Project Templates. 06.04.2019 Classic

06.04.2019

#

Can I use SPFxin SP2013?

Page 7: Introduce modern to your classic projects · •Typescript –typed superset of JavaScript. 06.04.2019 Server side tool comparison # IIS Express Project Templates. 06.04.2019 Classic

06.04.2019

#Move to O365

• Difficult and costly migration

• Security obstacles

• Not enough resources/knowledge

• Integrations with other on-premises systems

• No Internet conection

• …

Page 8: Introduce modern to your classic projects · •Typescript –typed superset of JavaScript. 06.04.2019 Server side tool comparison # IIS Express Project Templates. 06.04.2019 Classic

06.04.2019

#SPFx toolchain

• NodeJS – runtime environment

• npm – package manager

• Gulp – task runner

• Yeoman – templates engine

• Typescript – typed superset of JavaScript

Page 9: Introduce modern to your classic projects · •Typescript –typed superset of JavaScript. 06.04.2019 Server side tool comparison # IIS Express Project Templates. 06.04.2019 Classic

06.04.2019

#Server side tool comparison

IIS Express

Project Templates

Page 10: Introduce modern to your classic projects · •Typescript –typed superset of JavaScript. 06.04.2019 Server side tool comparison # IIS Express Project Templates. 06.04.2019 Classic

06.04.2019

#Classic vs Modern development

Classic

• Full trust, Sandbox

• Addins

• JSlink

Modern

• SPFx

• CSOM

• PnPJs

Page 11: Introduce modern to your classic projects · •Typescript –typed superset of JavaScript. 06.04.2019 Server side tool comparison # IIS Express Project Templates. 06.04.2019 Classic

06.04.2019

#How to start?

• Challenge yourself

• Try to do daily tasks differently

• Automate your work

Page 12: Introduce modern to your classic projects · •Typescript –typed superset of JavaScript. 06.04.2019 Server side tool comparison # IIS Express Project Templates. 06.04.2019 Classic

06.04.2019

#npm: sharepoint

https://www.npmjs.com/search?q=keywords:sharepoint

Page 13: Introduce modern to your classic projects · •Typescript –typed superset of JavaScript. 06.04.2019 Server side tool comparison # IIS Express Project Templates. 06.04.2019 Classic

06.04.2019

#npm packages

• sp-rest-proxy

• spsave

• @pnp

• …

Page 14: Introduce modern to your classic projects · •Typescript –typed superset of JavaScript. 06.04.2019 Server side tool comparison # IIS Express Project Templates. 06.04.2019 Classic

06.04.2019

#Tools

• VS Code

• SP Editor

• React developer tools

Page 15: Introduce modern to your classic projects · •Typescript –typed superset of JavaScript. 06.04.2019 Server side tool comparison # IIS Express Project Templates. 06.04.2019 Classic

06.04.2019

#Example scenario

1) create-react-app – to scaffold React app

2) sp-rest-proxy – to communicate with SharePoint in dev env

3) @pnpjs – to work with SharePoint REST API

Page 16: Introduce modern to your classic projects · •Typescript –typed superset of JavaScript. 06.04.2019 Server side tool comparison # IIS Express Project Templates. 06.04.2019 Classic

06.04.2019

#DEMO

Page 17: Introduce modern to your classic projects · •Typescript –typed superset of JavaScript. 06.04.2019 Server side tool comparison # IIS Express Project Templates. 06.04.2019 Classic

06.04.2019

#Summary

• SharePoint on prem is alive

• Challenge yourself

• Try to stick to latest announcements

Page 18: Introduce modern to your classic projects · •Typescript –typed superset of JavaScript. 06.04.2019 Server side tool comparison # IIS Express Project Templates. 06.04.2019 Classic

06.04.2019

#Questions?

Page 19: Introduce modern to your classic projects · •Typescript –typed superset of JavaScript. 06.04.2019 Server side tool comparison # IIS Express Project Templates. 06.04.2019 Classic

06.04.2019

#

06.04.2019

#

THANK YOU!