BRK4031: Best practices from Microsoft for developing with SPFx

BRK4031: Best practices from Microsoft for developing with SPFx
9/12/ :13 PM BRK4031 BRK4031: Best practices from Microsoft for developing with SPFx Chakkaradeep (Chaks) Chandran OneDrive & SharePoint © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Use #BRK4031 throughout the session…
9/12/ :13 PM Use #BRK4031 throughout the session… © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Session objectives and takeaways
9/12/ :13 PM Session objectives and takeaways Session objectives: Get to know the best practices around: Manage SPFx solutions Debug components Add External libraries support Upgrade SPFx solutions Session takeaways SharePoint Framework client-side development tools helps you in managing your developer environment and also gives you an edge in building optimized and performant web parts and extensions. © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

SharePoint Toolchain C# SharePoint server side MSBuild
IIS Express C# Project Templates MSBuild SharePoint client side

SharePoint Framework Build Flow
TechReady 23 9/12/ :13 PM SharePoint Framework Build Flow npm -g gulp serve gulp package-solution Install SharePoint Generator Test Package/Deploy Local Workbench gulp deploy-azure-storage Scaffold SharePoint Project Local Package/Deploy Code Hosted Workbench manual upload of the app Write/Build Code UAT / Pre-production Deploy to app catalog Ship? Available on classic and modern pages © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Development Environment
Host Tools on the host Extra effort to switch between the different versions of SPFx Requires OS admin to install tooling No additional software Docker Tools on the host Isolate SPFx dependencies Speed up developer environment setup Easy to keep up-to-date Virtual Machine Tools in the VM Easy to work with different versions of SPFx Large VMs Requires maintaining full OS © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

SharePoint Yeoman Generator
9/12/ :13 PM SharePoint Yeoman Generator @microsoft/generator-sharepoint Global Local Global package Applies to all SPFx solutions Generator upgrade affects component creation for all SPFx solutions Local dev dependency Specific to that SPFx solution Generator upgrade affects component creation for specific SPFx solution npm --global npm –-save-dev © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

SharePoint On-premises and SharePoint Online
9/12/ :13 PM SharePoint On-premises and SharePoint Online Baseline Packages npm i Supports: SharePoint 2016 Feature Pack 2 SharePoint Online Baseline Packages npm Supports: SharePoint Online only © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Multiple Components SPFx @1.x Solution
9/12/ :13 PM Multiple Components Include multiple components in a single package Just execute: Understand how components get bundled config\config.json Understand implications of multiple frameworks SPFx version applies to all components Solution Components Web Part 1 Web Part 2 Extension 1 Extension 2 © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Code Editors Visual Studio Code Visual Studio Open source code editor
9/12/ :13 PM Code Editors Visual Studio Code Visual Studio Open source code editor Windows, Mac and Linux Built-in support for JavaScript, TypeScript and Node.js Powered by rich ecosystem of extensions for Visual Studio Code Extensions for other languages Debugger extensions Source code repository extensions And more… Fully featured IDE Server-side development with .NET and NodeJS (along with Windows, Android and iOS development) Rich debugging, profiling, test tools Powered by rich ecosystem of Visual Studio extensions Well established ISVs delivering extensions in the Visual Studio marketplace Preferred SPFx code editor Community-driven SPFx extension © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

JavaScript Frameworks
9/12/ :13 PM JavaScript Frameworks Templating Frameworks Application Frameworks © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Demo: Development Environment
Chakkaradeep (Chaks) Chandran © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Debugging SPFx components
9/12/ :13 PM Debugging SPFx components SharePoint Workbench Local Hosted Gulp tasks gulp serve gulp --tasks Multiple serve configurations gulp serve --config testconfig gulp serve --config myappcustomizer © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Debugging code Browsers Developer Console Visual Studio Code
9/12/ :13 PM Debugging code Browsers Developer Console Visual Studio Code Chrome Debugger Extension Edge Debugger Extension Work in progress Support for: Breakpoints Watch variables Step into/over © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Writing conditional code
9/12/ :13 PM Writing conditional code Global constants Uses Webpack DefinePlugin Different behaviors between development and release builds Available constants DEBUG UNIT_TEST ..and more internal constants © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

9/12/ :13 PM Custom gulp tasks Define custom gulp tasks in gulpfile.js: build.subtask and build.task Add a new sub task let helloWorldSubtask = build.subTask('log-hello-world-subtask', function(gulp, buildOptions, done) { return gulp.src('images/*.png') .pipe(gulp.dest('public')); }) Register the new sub task let helloWorldTask = build.task('hello-world', helloWorldSubtask); Execute the new sub task gulp hello-world © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Extend webpack configuration
9/12/ :13 PM Extend webpack configuration Define your webpack loaders in gulpfile.js Install webpack loader npm i --save markdown-loader Configure webpack build.configureWebpack.mergeConfig({ additionalConfiguration: (generatedConfiguration) => { generatedConfiguration.module.loaders.push([ { test: /\.md$/, loader: "html!markdown" } ]); return generatedConfiguration; } }); © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Component bundles Components into a single .js file
9/12/ :13 PM Component bundles Components into a single .js file Loaded on demand by SharePoint Choose between: One bundle per component One bundle multiple components Dependencies are optional Do not include dependencies in your bundle. Keep it small and simple! © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Demo: Debugging Code Chakkaradeep (Chaks) Chandran 9/12/2018 11:13 PM
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

JavaScript Libraries Defines code modules Asynchronous by nature
9/12/ :13 PM JavaScript Libraries Modules Non-modules Defines code modules Asynchronous by nature Has numerous benefits to: Performance improvements Smaller JavaScript files Load them only when needed Define dependencies per module And more…. No modules Synchronous by nature Exists from early JavaScript days SPFx supports loading both module and non-modules scripts. Modules preferred. © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Loading Modules "externals": {
9/12/ :13 PM Loading Modules Configuration "externals": { "jquery":"node_modules/jquery/dist/jquery.min.js", "jqueryui":"node_modules/jqueryui/jquery-ui.min.js" } Usage If you have typings: import * as myJquery from “jquery” If you don’t have typings: require(“jquery”) © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Loading Non-modules Configuration Usage "externals": { "jquery": {
9/12/ :13 PM Loading Non-modules Configuration "externals": { "jquery": { "path": " "globalName": "jQuery" }, "simpleWeather": { "path": " "globalName": "jQuery", "globalDependencies": ["jquery"] } Usage If you have typings: Import * as myJquery from “jquery” If you don’t have typings: require(“simpleWeather”) © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Rencore SPFx Script Check
9/12/ :13 PM Rencore SPFx Script Check Correctly reference JavaScript libraries in your SharePoint Framework project © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Demo: External Libraries
9/12/ :13 PM Demo: External Libraries Chakkaradeep (Chaks) Chandran © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Office UI Fabric Fabric Core Fabric React Fabric JS ngFabric
9/12/ :13 PM Office UI Fabric All depending on the Core, all open source Fabric Core Core elements of the design language including icons, colors, type, and the grid Fabric React Robust, up-to-date components built with the React framework. Fabric JS Simple, visuals- focused components that you can extend, rework, and build on. ngFabric Community-driven project to build components for Angular-based apps. Fabric iOS Native Swift colors, type ramp, and components for building iOS apps. Community built © 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Developer Design goals
9/12/ :13 PM Developer Design goals Reliably consume Fabric Core and Fabric React in their solutions No conflicts with Microsoft Customize and override the styles, designs, and components If using non-react projects, use Fabric core styles to build SPFx components © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

SharePoint Office UI Fabric Core Styles
9/12/ :13 PM SharePoint Office UI Fabric Core Styles Animations | Colors | Layout | Typography Coming Soon Fabric Core Styles support in SPFx Snapshot of styles used in SharePoint npm --save © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Working with CSS in SPFx
9/12/ :13 PM Working with CSS in SPFx Use CSS Modules Avoid using IDs SASS over plain CSS markup Use Fabric SASS Mixins © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Fabric Core: Using SASS Mixins
9/12/ :13 PM Fabric Core: Using SASS Mixins @import ‘~sp-office-ui-fabric-core/dist/sass/References.scss'; .helloWorld { .container { max-width: 700px; margin: 0px auto; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.1); } .row { @include ms-Grid-row; padding: 20px; background: $ms-color-neutralSecondary; color: $ms-color-white; .group { @include ms-Grid-col; @include ms-lg10; @include ms-xl8; @include ms-xlPush2; @include ms-lgPush1; © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Fabric React: Using SASS Mixins
9/12/ :13 PM Fabric React: Using SASS Mixins @import ‘~office-ui-fabric-react/dist/sass/Fabric.scss'; .helloWorld { .container { max-width: 700px; margin: 0px auto; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.1); } .row { @include ms-Grid-row; padding: 20px; background: $ms-color-neutralSecondary; color: $ms-color-white; .group { @include ms-Grid-col; @include ms-lg10; @include ms-xl8; @include ms-xlPush2; @include ms-lgPush1; © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Design Great Web Parts Responsive Leverage the property pane
9/12/ :13 PM Design Great Web Parts Responsive Leverage the property pane Support touch interactions Supports theming Accessible Keyboard navigation Screen reader navigation Alt text for images High contrast mode © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Demo: Office UI Fabric Chakkaradeep (Chaks) Chandran
9/12/ :13 PM Demo: Office UI Fabric Chakkaradeep (Chaks) Chandran © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Options to access SharePoint data from SPFx
9/12/2018 Options to access SharePoint data from SPFx JSOM Introduced in SP2010 Mimics CSOM Works with delegates Does not support promises Not being invested in anymore Raw REST The same across technology stacks Easy for GET requests Complex for non-GET requests Evergreen HttpClient SPHttpClient GraphHttpClient Easy for all kinds of requests Evergreen PnP JS Core Fluent API Works natively with Promises Open-source community-driven initiative Characteristics ! Future-proof Fair Excellent Excellent Fair Coverage Hard Moderate Moderate+ Easy Ease of use © 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Tenant-wide Deployment
9/12/ :13 PM Deployment Options Tenant-wide Deployment All Sites Sites © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Package and deploy your solution
9/12/ :13 PM Package and deploy your solution Complete the project || debug, test and iterate Update CDN configuration || write-manifests.json gulp bundle --ship || minified assets for distribution gulp package-solution --ship || package component for distribution gulp deploy-azure-storage Deploy your client-side files (*.js, *.png etc.,) to any storage/web server [OR] deploy to Office 365 CDN Upload package to app catalog || deploy the package in app catalog © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Office 365 CDN Host static assets. E.g. images, JavaScript files etc.,
9/12/ :13 PM Office 365 CDN Host static assets. E.g. images, JavaScript files etc., Performant with SharePoint pages Choose your preferred site and library Choose between Public or Private CDN FREE! Manage your CDN enabled library in the app catalog © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Asset Packaging Coming soon!
9/12/ :13 PM Asset Packaging Deploy assets (js, css, png, etc…) in your SPFx package Deployed and hosted in SharePoint Tenant’s CDN Allows for self contained package to be used in multiple tenants Coming soon! © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Azure Storage Considerations
9/12/ :13 PM Azure Storage Considerations Cache Control max-age Allow proxies, if required. Include public in Cache Control Enable CORS, if required. Enable Azure CDN! Make use of the Azure CDN’s dynamic compression configuration © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Upgrade your solution Complete the project || debug, test and iterate
9/12/ :13 PM Upgrade your solution Complete the project || debug, test and iterate Update package version || package-solution.json gulp bundle --ship || minified assets for distribution gulp package-solution --ship || package component for distribution gulp deploy-azure-storage Deploy your client-side files (*.js, *.png etc.,) to any storage/web server [OR] deploy to Office 365 CDN Upload package to app catalog || deploy the package in app catalog All instances of components are upgraded to the new version © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Files to deploy to CDN- \temp\deploy\
9/12/ :13 PM Files to deploy to CDN- \temp\deploy\ gulp bundle --ship V1.0 gulp bundle --ship V1.1 V1.1 V1.0 © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Upgrade your solution Always upgrade the SPFx solution package
9/12/ :13 PM Upgrade your solution Always upgrade the SPFx solution package Contains the updated manifest Ensures a safe path for an upgrade Delivered only to tenants that deploy the update Do not just update the CDN files Disconnected with the deployed manifest in SharePoint Caching issues, not everyone gets the update Delivered to all tenants, prone to issue © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Updating SPFx Packages
9/12/ :13 PM Updating SPFx Packages Find outdated packages in your project npm outdated Not applicable for SharePoint on-premises © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

9/12/ :13 PM Updating SPFx Packages Update package.json Update version numbers to the latest Not applicable for SharePoint on-premises © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

9/12/ :13 PM Updating SPFx Packages Update your solution rm –rf node_modules [or] rd /s /q node_modules npm install gulp clean © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Updating generator-sharepoint
9/12/ :13 PM Updating generator-sharepoint If installed locally to the project npm outdated Update package.json npm install If installed globally npm outdated -g npm install -g npm –g --depth=0 © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Demo: Package and Deploy
9/12/ :13 PM Demo: Package and Deploy Chakkaradeep (Chaks) Chandran © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

SharePoint Framework Build Flow
TechReady 23 9/12/ :13 PM SharePoint Framework Build Flow npm -g gulp serve gulp package-solution Install SharePoint Generator Test Package/Deploy Local Workbench gulp deploy-azure-storage Scaffold SharePoint Project Local Package/Deploy Code Hosted Workbench manual upload of the app Write/Build Code UAT / Pre-production Deploy to app catalog Ship? Available on classic and modern pages © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

It doesn’t end here Learn used technologies – Web stack tooling
9/12/ :13 PM It doesn’t end here Learn used technologies – Web stack tooling Install node.js and cmd tooling for testing web stack development on your computer Get familiar with Visual Studio Code Learn JavaScript Framework(s) Templating frameworks - knockout, handlebars, react etc. Application frameworks – angular, vue.js, ember etc. Get understanding on how they can be used and what the benefits are of using them Learn Office UI Fabric usage Office UI Fabric Core Office UI Fabric React We love your feedback © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Sharing is caring… http://aka.ms/SharePointPnP Themes Code samples
SharePoint Framework SharePoint add-ins Remote API models with SharePoint development Code samples Guidance documentation Monthly community calls Case Studies BRK2115 – Learn about PnP and the new SharePoint Framework

Key topic breakouts below and the full listing of 70+ sessions at
Learn more Key topic breakouts below and the full listing of 70+ sessions at Code Title Day Time Pillar BRK2250 SharePoint Development in the Enterprise (What's New, What's Coming) Tuesday 4:00PM–5:15PM Extend and develop BRK2422 Discover SharePoint Server 2016 Feature Pack 2 and Beyond Wednesday 9:00AM–10:15AM BRK3039 Integrate OneDrive and SharePoint files, collaboration and sharing using Microsoft Graph BRK3066 Advancing the SharePoint Developer Community (PnP) Thursday BRK3267 Let's build with SharePoint (Web Parts, Extensions and much more) 12:30PM–1:45PM BRK3252 Geek out with the product team on SharePoint lists and libraries 10:45AM–12:00PM BRK4031 Building the modern SharePoint experience: Best practices from Microsoft for developing with SPFx Friday

Please evaluate this session
Tech Ready 15 9/12/2018 Please evaluate this session From your Please expand notes window at bottom of slide and read. Then Delete this text box. PC or tablet: visit MyIgnite Phone: download and use the Microsoft Ignite mobile app Your input is important! © 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

BRK4031: Best practices from Microsoft for developing with SPFx

Similar presentations

Presentation on theme: "BRK4031: Best practices from Microsoft for developing with SPFx"— Presentation transcript:

Similar presentations

About project

Feedback

Log in

Auth with social network:

BRK4031: Best practices from Microsoft for developing with SPFx

Similar presentations

Presentation on theme: "BRK4031: Best practices from Microsoft for developing with SPFx"— Presentation transcript:

Similar presentations

About project

Feedback