Latest SharePoint Framework (SPFx) topics
All the latest SharePoint Framework (SPFx) pages on this site.
The SharePoint Framework is the latest development model for customizing and extending SharePoint. The SharePoint Framework (SPFx) is a page and web part model that provides full support for client-side SharePoint development, easy integration with SharePoint data, and extending Microsoft Teams. With the SharePoint Framework, you can use modern web technologies and tools in your preferred development environment to build productive experiences and apps that are responsive and mobile-ready.
- Published on
Blog: Join me, April 22, 2020, and learn about the Microsoft 365 Developer Associate certification and MS-600 exam
Join me in a webinar on April 22, 2020 and learn about the MS-600 exam you need to pass to achieve the Microsoft 365 Developer Associate certification. I’ll discuss what topics you need to have experience in and how you can best get yourself prepared to take and pass the MS-600 exam.- Published on
Publication: Microsoft Learning: Deploy SharePoint Framework components to production
This module will address the topic of deploying your SharePoint Framework customizations to production environments.- Published on
Blog: Update to my Azure Pipelines Templates for SPFx Projects (v1.3.0)
I’ve updated our Azure Pipelines Templates for SharePoint Framework projects earlier today. This release, v1.3.0, includes a few improvements and updates.
These updates are packed into two releases, v1.2 & v1.3. They are broken up so if you aren’t interested in v1.3, you can configure your pipeline to use just the 1.2 release which includes a specific fix / enhancement.
What’s new
- Published on
Blog:Learn the SharePoint Framework with me at the SharePoint Conference 2019
I’m looking forward to the premiere Microsoft SharePoint Conference 2019 in Las Vegas, May 19-24, 2019, at the MGM Grand. Like the previous one in May 2018, I’m excited to head back and present a pair of sessions as well as bring my full day workshop for developers back!
With over 200 sessions covering all sorts of SharePoint topics giving you all things you need to adopt, build and manage SharePoint Online… what more could you want? You want more? If that is not enough there are even three days of workshops… over 20 of them… with even more deep dives into SharePoint, PowerBI, PowerApps, OneDrive and more.
- Published on
Blog:SharePoint Framework State of the Union (Fall 2019) from Microsoft Ignite 2019
In this article, I summarize the state of the union for the SharePoint Framework (SPFx) & include what we leared at the recent Microsoft Ignite conference.- Published on
Blog:Microsoft Ignite 2018: A Recap of Sessions and Presentations
I recently attended more Microsoft Ignite sessions this year than previous 4 combined, presents on SharePoint Framework and records interviews- Published on
Blog:SharePoint 2016, 2019 & SharePoint Online: Which Version of the SharePoint Framework Should You Install?
Customers can leverage the SharePoint Framework (SPFx) in any of the modern or recent SharePoint versions. This includes SharePoint Online & SharePoint on-premises versions SharePoint Server 2016 & SharePoint Server 2019. To build a SPFx project, you use the Yeoman generator for the SharePoint Framework to create your project and get started. But there seems to be some confusion on which version you should install depending on your target SharePoint environment. Let’s clear this up, once and for all.
- Published on
Blog:Jest Preset Update October 2019
Late last year I published a few Jest presets to simplify adding automated testing to your SharePoint Framework (SPFx) projects. These are complete with example tests including testing the rendering of components, testing async functions using promises or callbacks and even simulating user events. You can learn more about the presets in the original post,Enable Jest testing of SharePoint Framework Projects in One Simple Step. In this post, I want to share some updates to the presets that have been published.
- Published on
Blog:Dealing with Undefined 'this' in React Event Handlers in a Performant Way
When I’m teaching React to developers, one thing that comes up often is dealing with a common error. But here’s the interesting thing: it’s not running into the error that comes up all the time, its how to deal with it that surprises them. I’ve always wanted to have something to point to that the scenario & why one option is better than others, even though there are plenty of ways to address the issue. That’s what this post is!
- Published on
Blog:Automate Building, Testing and Deploying SharePoint Framework Projects with Azure Pipelines in Four Steps
In just four simple steps, this post will show you how to automate the build, test & deployment to SharePoint Online of any SharePoint Framework project using Azure Pipelines. I guarantee you can have it done before your coffee is ready! Seriously… go get the pot going and come back to this post.
DevOps is all the rage these days. Developers throw it in resumes left and right & the recruiters are always searching for someone who can check that box. But what’s funny is like every other hot term these days, people use the term for everything.
- Published on
Publication:Mastering the SharePoint Framework: On-Demand Video Course for Developers
This is my first course self-published under my company Voitanos! Choose between three course bundles, including the entirely free STARTER bundle!- Published on
Blog:SharePoint Framework Summer 2019 Wish List
I originally intended to write this post mid-summer, but just never happened. Thankfully my wish list hasn’t changed for the SharePoint Framework (SPFx) since the spring of this year… wait, maybe that isn’t a good thing?- Published on
Blog:The Good, Bad & the Ugly: Using Angular Elements with the SharePoint Framework
In this series, I showed you how to build custom elements, a native web technology supported natively by most browsers (except you Edge & IE…) and presented two options for how you can go about it. One option involves using one big project with the SharePoint Framework & Angular in it while the other utilizes two projects to mitigate the downsides of the one-project approach. So, you can now use Angular in SharePoint Framework projects and this is made possible by Angular Elements which was introduced in Angular v6 back in May 2017. Sweet! We’ve got the “can you do it” question answered! But, should you do it? There are always tradeoffs when picking a web framework for your next project and using one with the SharePoint Framework is no different. Let’s take a step back and look at the whole picture. Only then can you decide if it makes sense for you.- Published on
Blog:Using Angular Elements in SharePoint Framework Projects
This has been a long time coming and many of you Angular developers who also work with the SharePoint Framework may have given up by now and switched to React, but for those of you who have been holding out, Angular is finally a viable option for SPFx development even with a few drawbacks.- Published on
Blog:Leveraging the Webpack Define Plugin in SPFx Projects
Here’s a post that teaches you a technique that you can start leveraging in your SharePoint Framework (SPFx) projects right away! You know those projects where you have certain values you use in development or testing while others that you use in production? This would include things like different account or IDs used for telemetry services, different endpoints to sample or production data that you’re interacting with in your project.
- Published on
Blog:JavaScript + SharePoint Framework Summer Camp Calls - July 3 & July 18, 2019!
Microsoft regularly hosts three different community calls under the SharePoint PnP program on various topics. You can learn all about these from the community page in the SharePoint docs atSharePoint Development > Community > Community Calls.
These calls are always recorded and published to theSharePoint PnP YouTubechannel. However, during the month of July 2019 schedules are getting a bit out of control with various vacations where no one from the Microsoft side can host the calls and start the recordings. So, they are taking the month of July 2019 off.
- Published on
Blog:SharePoint Framework v1.8.2 (and v1.8.1) - What's in the latest Update(s) of SPFx?
Earlier this week, on Tuesday, May 7, 2019, Microsoft released v1.8.2 of the SharePoint Framework (SPFx). A little over a month ago,I wrote about the v1.8.0 release. Since then we had another minor release (v1.8.1.md) released on April 16, 2019.
In this post, I’ll summarize what you can find, and share some additional details I found after spending some time picking apart the last two minor releases.
- Published on
Blog:Mastering the SharePoint Framework - Sprint 16 adds SPFx with Teams, SPA's and Tons of Updates
I’m excited to share this latest update to my course,Mastering the SharePoint Frameworkfor developers. This update, packaged as sprint 16, includes one new chapter and a LOT of updates. When I originally planned out sprint 16, I intended to record a lot of new content. However when the SPFx v1.8.0 release came out there were enough changes to SPFx that I decided to go back and update the course, including adding some new lessons, completely re-recording existing lessons and updating quite a few lessons (both video & notes).- Published on
Publication:Microsoft Learning: Work with SharePoint Content using the SharePoint Framework
This module will introduce you to working with SharePoint content in SharePoint Framework projects. You’ll learn about the SharePoint REST API, do CRUD operations with SharePoint data, the local workbench, and creating mock data in SharePoint Framework.- Published on
Blog:SharePoint Framework v1.8.0 - What's in this SPFx drop?
On Thursday, March 14, 2019, Microsoft released v1.8.0 of the SharePoint Framework (SPFx). This release is packed with many features that were previously in developer preview to the Generally Available (GA) milestone. However, there are some subtle updates that developers have been asking for. In this post, I’ll summarize some of what you can find, but also share some details I found after spending some time with the v1.8.0 release, kicking the tires and finding a few resolutions to issues.- Published on
Blog:Leverage Custom Permissions in Microsoft Entra ID Applications
In my last post, Securing an Azure Function App with Microsoft Entra ID - Works with SharePoint Framework!, I showed how you can secure a REST API deployed as an Azure Function App using Microsoft Entra ID. This comes in quite handy when you want to secure some custom server-side business logic that’’s called from a SharePoint Framework (SPFx) client-side solution. The SPFx docs show how to use APIs with permissions to the Microsoft Graph. This post will explain how to add custom permissions to the AzureAD application that is used to secure your Azure Function.- Published on
Blog:Securing an Azure Function App with Microsoft Entra ID - Works with SharePoint Framework!
I recently published a new chapter in myMastering the SharePoint Frameworkon-demand course for developers that included a section that showed how to call a REST API deployed using an Azure Function App and secured with Microsoft Entra ID from the SharePoint Framework. When I was working on this chapter, it felt like the process of configuring an Azure Function App to be secured with Microsoft Entra ID was harder and more complex than it should have been. Specifically, some of the things you do aren’t explained as well… so I decided to blog about it here!- Published on
Blog:Beware of Declarative Permissions in SharePoint Framework Projects
Developers can declare permissions in SharePoint Framework projects, but it isn’t a good idea. In this article I explain why and suggest a better approach.- Published on
Blog:Mastering the SharePoint Framework Sprint 13 Published with over 3hrs of Microsoft Graph & Microsoft Entra ID Lessons!
I’m excited to share this latest update to my course,Mastering the SharePoint Frameworkfor developers. Today’s update, packaged as sprint 13, includes two new chapters and a few updates… and it’s a huge release… the biggest yet adding over 3 hours of new content!
Sprint 13 also marks a milestone: theFundamentals Bundleof the course is nowcontent complete! This means all planned chapters are now published. I will continue to make edits to existing chapters updating content when circumstances warrant, but at this time no new chapters or lessons are planned.
- Published on
Publication:Microsoft Learning: Leverage Microsoft Graph & third-party APIs
This module introduces you to using external APIs in your SharePoint Framework projects. SharePoint Framework projects can incorporate data from anonymous APIs, those REST APIs secured with Microsoft Entra ID, and Microsoft Graph.- Published on
Blog:Enable Jest testing of SharePoint Framework projects in one simple step
Setting up projects to use Jest, especially to test the rendering of your ReactJS SharePoint Framework projects & use the popular tool Enzyme for testing rendering, isn’t a trivial task, until now!- Published on
Blog:Testing SPFx Projects Efficiently with Minimal Distractions: Wallaby.js
You know what I don’t like about automated tests? Most of the time, we don’t automate them, we just instrument them. We write our tests and then open a console window to run them periodically. Maybe we set up a watcher to automatically rerun them when either a test or the code file changes, and maybe we use an integrated console window in our editor to monitor when things change.
- Published on
Blog:Package Manager Inconsistencies with React & tslint + Workarounds after Updating to SPFx 1.7
The latest version of the SharePoint Framework (SPFx) released a few weeks ago, v1.7.0, uncovered a few issues between how the various Node.js package managers work. These issues appear to be rooted in the packagetslintand came about with a change in how Microsoft was using tslint under the covers from SPFx v1.6 to v1.7.
A fix has been submitted to tslint, but they appear to be lagging on their release schedule so there’s no ETA on when it will get rolled out.
- Published on
Blog:SharePoint Framework v1.7.0 - What''s in the latest update of SPFx?
On November 8, 2018 (last Thursday), Microsoft released v1.7.0 of the SharePoint Framework (SPFx). This release is filled with a lot of new things Microsoft has been talking about for a few months. In this post, I’ll summarize some of what you can find, but also share some disappointments I had after spending some time picking apart v1.7.0.
A new@SharePointFramework Yeoman generator has been published by@OfficeDev: 1.7.0#SPFx@Office365!!!
- Published on
Blog:Don't be alarmed by vulnerabilities after running npm Install
I’ve seen more and more questions since the folks at npm added an automatic scan for vulnerabilities after every npm install. What’s going on? The npm registry runs a security audit on npm packages. With the release of npm v6, this command is run automatically when you execute annpm installon your project. You can manually run one of these audits by executing the commandnpm audit(ref:npm-audit docs).
- Published on
Blog:Mastering the SharePoint Framework - Course update November 2018 (sprint 12 complete)
This month’s update on myMastering the SharePoint Frameworkcourse features the transition from one sprint to the next.
Sprint 12 Complete
- Published on
Blog:Mastering the SharePoint Framework - Course Update September 2018 (Sprint-11 complete)
This month’s update on myMastering the SharePoint Frameworkcourse features the transition from one sprint to the next.
Sprint 11 Complete
- Published on
Blog:HowTo: Angular Elements in SharePoint Framework Projects - Two Projects
In my last post, I talked about using Angular Elements in SharePoint Framework projects. That post showed how to do this using a single SharePoint Framework Project. In this post, I show you a much better option that uses two projects.- Published on
Blog:HowTo: Angular Elements in SharePoint Framework Projects - One Big Project
In my last post, I talked about using Angular Elements in SharePoint Framework projects. When doing this, you have two options on how you will implement this and in this post, I will talk about doing it in one big project that includes everything. In tomorrow’s post, I’ll show you a much better option that uses two projects.- Published on
Blog:Mastering the SharePoint Framework - Course Update July 2018 (Sprint-10 complete)
In this post, learn what’s new with our flagship course, Mastering the SharePoint Framework, in Sprint 10, and what’s coming in Sprint 11!- Published on
Blog:npm, Yarn and PNPM: Which Package Manager Should You Use for SharePoint Framework Projects?
In the past,I’ve written how I prefer Yarn over npmnot just for SharePoint Framework (SPFx) projects, but also for all my Node.js based projects that leverage the npm package registry:https://www.npmjs.org. I wrote that post in December 2016 and things have changed quite a bit since then. Last week Microsoftreleased SPFx v1.5.0 & the associated Yeoman generatorthat added support for changing the package manager the generator ran after creating the project scaffolding. Even without this new
--package-manager
switch introduced in v1.5.0, the SPFx generator had the command line switch--skip-install
that we could add, telling it to not run the package install step, thus allowing us to run our own package manager.- Published on
Blog:SharePoint Framework Generator Updated to v1.5.0: Inspecting the Changes
Yesterday Microsoft released a new version of the SharePoint Framework (SPFx) generator to version 1.5. I took some time picking apart the update and in this post, I will show you what these changes have in store for you.- Published on
Blog:SharePoint Framework Updates from May 2018
Over the last month of May, we’ve seen quite a few announcements from Microsoft with respect to what’s new and coming related to the SharePoint Framework (SPFx). This news has come out in part at theMicrosoft Build 2018conference in Seattle, WA and theSharePoint Conference North America 2018in Las Vegas. Some of these things are available today while others are coming soon or in the next few months.
- Published on
Blog:Stefan Bauer on the SharePoint Framework In His Own Words
Experienced SharePoint developers give their opinions on Microsoft’s new SharePoint Framework, which allows client-side development in SharePoint.- Published on
Blog:Avoid the Office UI Fabric JavaScript Package - Its Bad.
Citing issues with the Office UI Fabric JavaScript project, I advise against its use and recommend exploring alternative options.- Published on
Blog:Rob Windsor on the SharePoint Framework In His Own Words
Experienced SharePoint developers give their perspective on Microsoft’s SharePoint Framework, which allows for client-side development in SharePoint.- Published on
Blog:Mikael Svenson on the SharePoint Framework In His Own Words
Experienced SharePoint developers share their own thoughts on the SharePoint Framework introduced by Microsoft in 2016 for client-side development.- Published on
Blog:Mastering the SharePoint Framework Course May Update - New Chapters Added for jQuery & React!
Learn what’s new in the May 2018 update of our flagship course, Mastering the SharePoint Framework. We added chapters for jQuery & React!- Published on
Blog:Chris Kent on the SharePoint Framework In His Own Words
The SharePoint Framework introduced client-side development as a primary option for SharePoint in 2016. Experienced developers share their thoughts.- Published on
Blog:State Of SharePoint Development Survey - Share Your Thoughts!
A few months ago, we partnered up withRencoreon their third annualState of SharePoint and Office 365 customizationssurvey. The point of this survey was to learn and share how customers were customizing SharePoint & Office 365.
Today, continuing our partnership, I’m launching the first annual comprehensiveState of SharePoint Developmentsurvey. This survey is for developers with the goal of obtaining and sharing the technical state of SharePoint developers around the world. The findings of this survey will then be summarized into a report that provides valuable insights.
- Published on
Blog:New Chapter - Mastering SharePoint Framework Fundamentals
I just finished sprint 8 of my Mastering the SharePoint Framework course. Join now &get access to the new chapter in the Fundamentals bundle.- Published on
Blog:Paul Stork on the SharePoint Framework In His Own Words
Experienced SharePoint developers share their thoughts on Microsoft’s SharePoint Framework, which introduced a client-side development option in 2016.- Published on
Blog:SharePoint Framework Generator Updated to v1.4.1: Inspecting the Changes
Microsoft released a new version of the SharePoint Framework (SPFx) v1.4.1. In this post, I explore what’s in this new release!.- Published on
Blog:Expert SharePoint Developers on the SharePoint Framework
Experienced SharePoint developers discuss the SharePoint Framework as a client-side development option for SharePoint introduced by Microsoft in 2016.- Published on
Blog:SharePoint Framework - In Ryan Schouten's Own Words
Experienced SharePoint developers share their thoughts on Microsoft’s SharePoint Framework, which offers client-side development for SharePoint.