Building solutions with the SharePoint Framework - introduction

Knut Relbe-Moe [MVP, MCT]

What is SharePoint Framework and how you can use it to build SharePoint customizations on any platform.

Technology

Thanks to our sponsors
Platinum
Gold
Silver
SharePint

Sources:
1. 451 Research, Hosting and Cloud Study, 2014
Full Trust Code
Partial Trust Code
Microsoft
Managed Solutions
Microsoft
Online Services
App Model
Accelerating web development

IIS Express
Project Templates
Server side tool comparison

Working with a SharePoint Framework project
• yo @microsoft/sharepoint – create new project/add new
web part
• gulp bundle – build & bundle project
• gulp serve – bundle project and start workbench
• gulp package-solution – build solution package (.spapp)
• --ship argument to execute a release build

Web property pane
• Reactive by default
• Switch to non-reactive when retrieving data from web services
protected get disableReactivePropertyChanges():
boolean {
return true;
}

Web requests in web parts
• Use HttpClient when communicating with SharePoint
• Use BaseHttpClient when communicating with other APIs

Get in touch!
@waldekm
blog.mastykarz.nl
@mikaelsvenson
techmikael.com

Erwin van Hunen, Product Owner of SPTransformator, Microsoft MCM and MVP, introduces you to some things to keep an eye on that will help you in preventing your SharePoint migration projects from stalling. What you will learn: Meet the single most overlooked and potentially crucial factor for your migration project: SharePoint Customizations. - Find out, why and how to assess your SharePoint - Customizations in terms of migratability - and much more…

Can you build a Intranet with Modern SharePoint

Serverless with Azure Functions

Andreas Willich

What’s right & wrong with WCF-WebHTTP Adapter?

This presentation is from the Integration Monday session organized by Integration User Group held on October 03, 2016. In this session, Datacom's Integration Consultant Mark Brimble and Principal Integration Architect Colin Dijkgraaf show us why the WCF-WebHTTP adapter requires some workarounds. The pair start the session with reference to a recent project that they worked on. During the course of the session, Colin and Mark list all the issues they had to overcome in this project, and then demonstrate the issues and workarounds using BizTalk 2016. The issues include Azure service Bus relays, error handling for REST services and JSON to XML pipeline parsing.

Create a modern(ish) BAM portal in (roughly) one hour!

In this session we will look into the provisioning toolset found within Office 365 Developer Patterns and Practices (PnP) to provision columns, content types, list templates, list and library instances, branding and file assets and even metadata and more all with XML provisioning templates and PowerShell. This demo heavy session with the PowerShell scripts and sample provisioning templates will help you jumpstart your next SharePoint project using future friendly provisioning methodologies. Benefits of this Session: • Learn how PnP provides provision tools • Get the reusable PowerShell scripts to start your next project

Logic Apps – Deployments

Office script labs

Mark Roden

Azure Web Jobs

Single page AppGaurav Gawande

Setting up development environment for building SharePoint Framework solution...

Host, deploy & scale Blazor Server Apps

Going Serverless with Azure Functions

Christos Matskas

ASP.NET MVC 4Danijel Malik

ASP.NET 5

David Voyles

Introduction to Azure Functions - Tutorial

Building Modern Web Applications with ASP.NET5

Brij Mishra

Azure Serverless Conf

«Разрушаем Вавилонскую Башню WWW с помощью веб-компонент»

Мы вступаем в интересный век — век веб-компонент. В докладе рассказывается о том, как подружить различные MVC фреймворки с веб-компонентами и научить их общаться между собой при помощи MVC Elements, проекта позволяющего конвертировать React, Backbone вью, а так же Angular директивы в веб-компоненты.

«The Grail: React based Isomorph apps framework»

«I knew there had to be a better way to build mobile app»

European Collaboration Summit

I knew there had to be a better way to build mobile apps. The time has never been better to learn mobile application development. For many app ideas, you don’t even need any prior native development knowledge. You can get started today with knowledge of HTML, CSS and JavaScript. Unlike native mobile development, mobile applications using web technologies can support many mobile platforms. So during this session will gain experience how to start from very basics and build mobile apps with zero knowledge. Alius will share his own experience on building hybryd applications based on PhoneGap also he promised to explain why he suddenly changed his own opinion about native apps and switched back to Xamarin.

ECS19 Elio Struyf - Setting Up Your SPFx CI/CD pipelines on Azure DevOps

Azure Functions Overview

Joe Raio

SPS calgary 2017 introduction to azure functions microsoft flow

Vincent Biret

Deep-dive building solutions on the SharePoint Framework

Building productivity solutions with Microsoft Graph

Knut Relbe-Moe [MVP, MCT]

What's hot

Modern SharePoint Development using Visual Studio Code

Jared Matfess

How to automate the SharePoint Provisioning

Logic Apps – Deployments

Office script labs

Mark Roden

Azure Web Jobs

Single page AppGaurav Gawande

Setting up development environment for building SharePoint Framework solution...

Host, deploy & scale Blazor Server Apps

Going Serverless with Azure Functions

Christos Matskas

ASP.NET MVC 4Danijel Malik

ASP.NET 5

David Voyles

Introduction to Azure Functions - Tutorial

Building Modern Web Applications with ASP.NET5

Brij Mishra

Azure Serverless Conf

«Разрушаем Вавилонскую Башню WWW с помощью веб-компонент»

«The Grail: React based Isomorph apps framework»

«I knew there had to be a better way to build mobile app»

European Collaboration Summit

ECS19 Elio Struyf - Setting Up Your SPFx CI/CD pipelines on Azure DevOps

Azure Functions Overview

Joe Raio

SPS calgary 2017 introduction to azure functions microsoft flow

Vincent Biret

What's hot (20)

Modern SharePoint Development using Visual Studio Code

How to automate the SharePoint Provisioning

Logic Apps – Deployments

Office script labs

Azure Web Jobs

Single page App

Setting up development environment for building SharePoint Framework solution...

Host, deploy & scale Blazor Server Apps

Going Serverless with Azure Functions

ASP.NET MVC 4

ASP.NET 5

Introduction to Azure Functions - Tutorial

Building Modern Web Applications with ASP.NET5

Azure Serverless Conf

«Разрушаем Вавилонскую Башню WWW с помощью веб-компонент»

«The Grail: React based Isomorph apps framework»

«I knew there had to be a better way to build mobile app»

ECS19 Elio Struyf - Setting Up Your SPFx CI/CD pipelines on Azure DevOps

Azure Functions Overview

SPS calgary 2017 introduction to azure functions microsoft flow

Viewers also liked

Deep-dive building solutions on the SharePoint Framework

Building productivity solutions with Microsoft Graph

Chris O'Brien - Introduction to the SharePoint Framework for developers

Chris O'Brien

SharePoint OnlineNigel Price

Azure Web Apps - Deep Dive

Building Office 365 solutions with React

Inside .net frameworkFaisal Aziz

.net framework from 1.0 -> 4.0

ligaoren

Владимир Никонов "Вызовы при разработке enterprise продукта"

Fwdays

В докладе мы рассмотрим этапы развития приложения, начиная от монолитного Web приложения, до распределенной платформы по управлению бизнес-процессами. Покажем этапы развития, задачи и вызовы, которые возникали на каждом их них. Проанализируем различные аспекты, влияющие на развитие архитектуры, такие как бизнес-требования, технологические тренды и возможные ограничения.

How to Break the Zombification of the Enterprise!

Christian Buckley

Dive into Microsoft SharePoint Server 2016 Upgrade, Migration and beyond

Jason Himmelstein

Nakov - .NET Framework Overview - EnglishSvetlin Nakov

Office add ins 0-60

Albert-Jan Schot

SharePoint Framework do's and don'ts

SUGES (SharePoint Users Group España)

Where Form Meets Function: Understanding Collaboration's Cultural Fit

Christian Buckley

Microsoft graph api deep dive

Albert-Jan Schot

Migrating To Visual Studio 2008 & .Net Framework 3.5Jeff Blankenburg

Project and Portfolio Management with Project Online

Gregory Zelfond

Webinar Video: https://youtu.be/9ECeNLmZN58 Detailed overview of Microsoft's PPM soluton - Project Online (Project Server). The following elements are discussed: Project Center, Project Types, Project Sites, Project Detail Pages, Resources, Timesheets, Tasks, Issues and Risks, Reports, Security, Mobile App, PWA Settings. Comparison to other SharePoint/Office 365 project Management options is also discussed (Office 365 Planner, Office 365 Groups, SharePoint Team Sites)

CorpsMoiraud Jean-Paul

Introduction to .NET Framework and C# (English)

Vangos Pterneas

Viewers also liked (20)

Deep-dive building solutions on the SharePoint Framework

Building productivity solutions with Microsoft Graph

Chris O'Brien - Introduction to the SharePoint Framework for developers

SharePoint Online

Azure Web Apps - Deep Dive

Building Office 365 solutions with React

Inside .net framework

.net framework from 1.0 -> 4.0

Владимир Никонов "Вызовы при разработке enterprise продукта"

How to Break the Zombification of the Enterprise!

Dive into Microsoft SharePoint Server 2016 Upgrade, Migration and beyond

Nakov - .NET Framework Overview - English

Office add ins 0-60

SharePoint Framework do's and don'ts

Where Form Meets Function: Understanding Collaboration's Cultural Fit

Microsoft graph api deep dive

Migrating To Visual Studio 2008 & .Net Framework 3.5

Project and Portfolio Management with Project Online

Corps

Introduction to .NET Framework and C# (English)

Similar to Building solutions with the SharePoint Framework - introduction

Introduction to SharePoint Framework

Małgorzata Borzęcka

The Greatest Introduction to SharePoint Framework (SPFx) on earth!

Małgorzata Borzęcka

SplunkLive! Stockholm 2015 breakout - Web Framework & 3rd Party Visualization

Splunk

OSH01 - Developing SharePoint Framework Solutions for the Enterprise

Eric Shupps

The SharePoint Framework provides a modern development platform for cloud-first solutions using popular web technologies. But integrating the new model in a structured enterprise development environment can be quite challenging, from toolset integration to application lifecycle maintenance, SPFx creates a number of challenges that can inhibit adoption. In this session you will learn how to overcome these challenges by using popular Microsoft tools such as Visual Studio and Team Foundation Services to deliver well-managed projects that plug easily into existing enterprise development patterns.

Matthias Einig from Rencore - Transforming SharePoint farm solutions to the A...

Rencore

Transforming your full-trust solutions to the Add-in model / SharePoint Frame...

Deep dive into share point framework webparts

Prabhu Nehru

SharePoint Fest DC 2019 - From SharePoint to Office 365 Development

SharePoint Fest Seattle 2019 - From SharePoint to Office 365 Development

SharePoint Conference North America 2018 - Las Vegas - Announcements

Nick Hobbs

SharePoint Fest Seattle 2018 - From SharePoint to Office 365 Development

The world around the Office Developer is changing. And for someone with a heavy SharePoint background, it can be somewhat scary to make the move to the cloud. But don't be scared, SharePoint Developer! Become an added-value Office Developer and contribute to maximizing the productivity of your enterprise. The technology space around Productivity has evolved and it has never been that exciting. Your step into the Mobile-First, Cloud-First world will be mindblowing and you will want to stick around for a very long time! In this session, we will cover every aspect of the new Office 365 Developer paradigm and we will ensure that you can make yourself at home in such a new world. The technologies covered will span from being close to your existing stack (SharePoint Framework, JavaScript) to a set of technologies that are new and that will expand your possibilities (Office 365 Apps, Microsoft Graph, Azure, TypeScript) This very session will make sure that at the end you get those 3 key takeaways : • Understand your new role as an Office 365 Developer • Have a complete overview of the technology stack you need to master in the cloud • Change the way you will think for your next SharePoint & Office 365 project

Build Your First SharePoint Framework Webpart

Eric Overfield

O365: Attack of the Clones

Christopher Johnson

No, it’s not just a halfway-decent Star Wars movie—it’s a real use case in Office 365. Learn how to easily “clone” SharePoint sites and create flexible, reusable site templates in Office 365, using tools provided by Microsoft’s official Patterns and Practices community. This deck covers simple template creation and application with PowerShell, plus more advanced scenarios like provider-hosted site collection provisioning using the Add-In Model.

SharePoint Fest DC 2018 - From SharePoint to Office 365 Development

The world around the Office Developer is changing. And for someone with a heavy SharePoint background, it can be somewhat scary to make the move to the cloud. But don't be scared, SharePoint Developer! Become an added-value Office Developer and contribute to maximize the productivity of your enterprise. The technology space around Productivity has evolved and it has never been that exciting. Your step into the Mobile-First, Cloud-First world will be mindblowing and you will want to stick around for a very long time! In this session, we will cover every aspect of the new Office 365 Developer paradigm and we will ensure that you can make yourself at home in such a new world. The technologies covered will span from being close to your existing stack (SharePoint Framework, JavaScript) to a set of technologies that are new and that will expand your possibilities (Office 365 Apps, Microsoft Graph, Azure, TypeScript) This very session will make sure that at the end you get those 3 key takeaways : Understand your new role as an Office 365 Developer Have a complete overview of the technology stack you need to master in the cloud Change the way you will think for your next SharePoint & Office 365 project

aOS Canadian Tour - Toronto - From SharePoint to Office 365 Development

The world around the Office Developer is changing. And for someone with a heavy SharePoint background, it can be somewhat scary to make the move to the cloud. But don't be scared, SharePoint Developer! Become an added-value Office Developer and contribute to maximize the productivity of your enterprise. The technology space around Productivity has evolved and it has never been that exciting. Your step into the Mobile-First, Cloud-First world will be mindblowing and you will want to stick around for a very long time! In this session, we will cover every aspect of the new Office 365 Developer paradigm and we will ensure that you can make yourself at home in such a new world. The technologies covered will span from being close to your existing stack (SharePoint Framework, JavaScript) to a set of technologies that are new and that will expand your possibilities (Office 365 Apps, Microsoft Graph, Azure, TypeScript) This very session will make sure that at the end you get those 3 key takeaways : - Understand your new role as an Office 365 Developer - Have a complete overview of the technology stack you need to master in the cloud - Change the way you will think for your next SharePoint & Office 365 project

aOS Canadian Tour - Quebec - From SharePoint to Office 365 Development

The world around the Office Developer is changing. And for someone with a heavy SharePoint background, it can be somewhat scary to make the move to the cloud. But don't be scared, SharePoint Developer! Become an added-value Office Developer and contribute to maximize the productivity of your enterprise. The technology space around Productivity has evolved and it has never been that exciting. Your step into the Mobile-First, Cloud-First world will be mindblowing and you will want to stick around for a very long time! In this session, we will cover every aspect of the new Office 365 Developer paradigm and we will ensure that you can make yourself at home in such a new world. The technologies covered will span from being close to your existing stack (SharePoint Framework, JavaScript) to a set of technologies that are new and that will expand your possibilities (Office 365 Apps, Microsoft Graph, Azure, TypeScript) This very session will make sure that at the end you get those 3 key takeaways : - Understand your new role as an Office 365 Developer - Have a complete overview of the technology stack you need to master in the cloud - Change the way you will think for your next SharePoint & Office 365 project

aOS Canadian Tour - Montreal - From SharePoint to Office 365 Development

The world around the Office Developer is changing. And for someone with a heavy SharePoint background, it can be somewhat scary to make the move to the cloud. But don't be scared, SharePoint Developer! Become an added-value Office Developer and contribute to maximize the productivity of your enterprise. The technology space around Productivity has evolved and it has never been that exciting. Your step into the Mobile-First, Cloud-First world will be mindblowing and you will want to stick around for a very long time! In this session, we will cover every aspect of the new Office 365 Developer paradigm and we will ensure that you can make yourself at home in such a new world. The technologies covered will span from being close to your existing stack (SharePoint Framework, JavaScript) to a set of technologies that are new and that will expand your possibilities (Office 365 Apps, Microsoft Graph, Azure, TypeScript) This very session will make sure that at the end you get those 3 key takeaways : - Understand your new role as an Office 365 Developer - Have a complete overview of the technology stack you need to master in the cloud - Change the way you will think for your next SharePoint & Office 365 project

aOS Canadian Tour - Ottawa - From SharePoint to Office 365 Development

The world around the Office Developer is changing. And for someone with a heavy SharePoint background, it can be somewhat scary to make the move to the cloud. But don't be scared, SharePoint Developer! Become an added-value Office Developer and contribute to maximize the productivity of your enterprise. The technology space around Productivity has evolved and it has never been that exciting. Your step into the Mobile-First, Cloud-First world will be mindblowing and you will want to stick around for a very long time! In this session, we will cover every aspect of the new Office 365 Developer paradigm and we will ensure that you can make yourself at home in such a new world. The technologies covered will span from being close to your existing stack (SharePoint Framework, JavaScript) to a set of technologies that are new and that will expand your possibilities (Office 365 Apps, Microsoft Graph, Azure, TypeScript) This very session will make sure that at the end you get those 3 key takeaways : - Understand your new role as an Office 365 Developer - Have a complete overview of the technology stack you need to master in the cloud - Change the way you will think for your next SharePoint & Office 365 project

SharePoint Fest Chicago 2018 - From SharePoint to Office 365 development

The world around the Office Developer is changing. And for someone with a heavy SharePoint background, it can be somewhat scary to make the move to the cloud. But don't be scared, SharePoint Developer! Become an added-value Office Developer and contribute to maximizing the productivity of your enterprise. The technology space around Productivity has evolved and it has never been that exciting. Your step into the Mobile-First, Cloud-First world will be mindblowing and you will want to stick around for a very long time! In this session, we will cover every aspect of the new Office 365 Developer paradigm and we will ensure that you can make yourself at home in such a new world. The technologies covered will span from being close to your existing stack (SharePoint Framework, JavaScript) to a set of technologies that are new and that will expand your possibilities (Office 365 Apps, Microsoft Graph, Azure, TypeScript) This very session will make sure that at the end you get those 3 key takeaways : - Understand your new role as an Office 365 Developer - Have a complete overview of the technology stack you need to master in the cloud - Change the way you will think for your next SharePoint & Office 365 project

My slides from SharePoint Saturday Oslo

Rick Van Rousselt

More from Waldek Mastykarz

Building contextual experiences with the Office Graph

Delve helps you stay in the know with what is going on within your organization. But what if you could have the Office Graph also help you get your work done? In this session we will deep dive into the concepts of leveraging the Office Graph outside of Delve and using it to help you do your work. I will show you how you can build solutions that leverage the Office Graph using modern technologies such as Node.js, AngularJS, TypeScript, CORS, Office 365 APIs and more!

NextGen Portal for Your Organization

With the advent of NextGen portals, Office 365 becomes less of a box of building blocks and more of a collection of destinations: turn-key solutions ready for you to use. But how will your users reach all those destinations and where should they depart from? In this session we will take a look at how to build a solution that integrates information from NextGen portals and offers your users a starting point for their journeys bringing the most relevant information to their finger tips.

NextGen Portal for Your Organization

With the advent of NextGen portals, Office 365 becomes less of a box of building blocks and more of a collection of destinations: turn-key solutions ready for you to use. But how will your users reach all those destinations and where should they depart from? In this session we will show you how to build a solution that integrates information from NextGen portals and offers your users a starting point for their journeys bringing the most relevant information to their finger tips.

Building solutions with the Office Graph (Unity Connect Amsterdam 2015)

Preparing for a meeting but not sure what documents are relevant? Writing a proposal and looking for similar documents? Interested in what is happening in your organization? With the new Office Graph answers to those questions are within your reach. Recently released Office Delve leverages information from the Office Graph to help you stay in the know and discover new and relevant content for you. A part of the Office Graph is also an API that you can use for building productivity solutions tailored to your specific needs. In this presentation you will see how the Office Graph works and how it can be used for building custom apps. All scenarios will be backed up by real-life solutions that you could use in your organization.

Building contextual experiences with the Office Graph (SPSMUC 15)

Building solutions with the Office Graph

Delve, formerly known as Project Oslo, is a new and innovative way to discover information and content in Office 365. Delve recommends information to you based on analytics from SharePoint, Yammer, Lync and Exchange. In this session we will take a look at the programming API's of Delve, the Office Graph. We will take a look at the foundation concepts of the Office Graph and see how we can build smart and helpful applications for your organization as well as extending Delve.

Optimizing SharePoint 2013 public-facing websites for Internet search engines

Building rich search experiences Apps for SharePoint

Building solutions with Office Graph

Building solutions with Office Graph - SharePoint Connect 2014 Amsterdam

SharePoint Connections Amsterdam 2013: Real-life building public-facing websi...

SPSNL13 - Building intelligent websites with SharePoint 2013Waldek Mastykarz

P&M307 Building intelligent websites with SharePoint 2013

P&M302 Real-life building public-facing websites with SharePoint 2013

BIWUG - What’s new in SharePoint 2013 for public-facing websitesWaldek Mastykarz

SharePoint 2010 Web Content Management - The Developer Story