Andrew Connell

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: What is the SharePoint Framework (SPFx)?

    Ever wondered what the SharePoint Framework is? Ever asked yourself “what can I build with the SharePoint Framework?” You’re in luck because that’s what this comprehensive article answers! This article assumes you don’t have to have any prior knowledge or experience with the SharePoint Framework.
  • Published on

    Blog: SharePoint Framework Five "W"s & 1 "H" Answered - Overview

    This post introduces our post series “SharePoint Framework Five Ws Answered”. In this series, Andrew Connell answers the classic “five-W” questions developers have for the SharePoint Framework: what, why, when, who, where and how.
  • Published on

    Publication: Microsoft 365 Certified Developer Associate MS-600 Exam Prep

    In this course, another by me at Voitanos, you’ll get prepared to pass the MS-600 exam, the only Microsoft 365: Developer Associate certification prerequisite - includes 300+ practice questions!
  • Published on

    Blog: SPFest Virtual SharePoint Framework Workshop - SEPT 2020

    This year’s pandemic has upended the technical conferences so many rely on for training and learning new skill sets. But all is not lost, there’s always another way! I’ve been working with the great folks at SharePoint Fest to put together a virtual workshop solution! Are you a SharePoint Framework developer? If you’re looking to level-up your SharePoint Framework skills for the enterprise, this workshop is for you! Join me on September 15, 2020 for an interactive & knowledge packed workshop to learn how you can add automated testing, and deployment to your SharePoint Framework solutions using Azure Multistage Pipelines or GitHub Actions!
  • Published on

    Blog: SharePoint Framework Summer 2020 Wish List

    Last September, I shared what items were on my wish list for the SharePoint Framework. The response from that post surprised me a bit… I didn’t expect a healthy discussion to start up in the comments and on social media. It’s been nine months since that post and I thought it was time for another installment - it’s the first official weeks of summer 2020, so it’s the time for another one!
  • Published on

    Blog: Mastering SharePoint Framework Content Complete (preview pricing expires July 1)

    Today marks a big milestone. Sprint 19 is complete and published - it contains the final two chapters published in my Mastering the SharePoint Framework Ultimate bundle ! The first of these chapters, Sharing Code between SharePoint Framework Solutions, explains and demonstrates how to use either SPFx library components or NPM packages to share code across SPFx projects. The other chapter, Property Panes for Client-Side Web Parts: Create Property Controls, demonstrates how to create custom property pane controls for web part projects.
  • Published on

    Blog: NOW AVAILABLE: Mastering SharePoint Framework Continuous Monitoring Azure Application Insights Chapter Published

    Today I published a new chapter to the Ultimate bundle of my Mastering the SharePoint Framework course. This new chapter, DevOps: Monitoring & Telemetry with Azure Application Insights, is immediately available to all existing Ultimate bundle subscribers! Info: DevOps: Monitoring & Telemetry with Azure Application Insights Development teams and organizations are always looking for ways to automate, streamline, and improve processes related to building software. SharePoint Framework development teams are no different.
  • Published on

    Blog: NOW AVAILABLE: Mastering the SharePoint Framework - CI/CD with GitHub Actions & Azure Pipelines for SPFx projects chapter

    Yesterday I published a new chapter to the Ultimate bundle of my Mastering the SharePoint Framework course. This new chapter, DevOps: CI/CD with GitHub Actions & Azure Pipelines, is immediately available to all existing Ultimate bundle subscribers! Info: DevOps: CI/CD with GitHub Actions & Azure Pipelines Development teams and organizations are always looking for ways to automate, streamline, and improve processes related to building software. SharePoint Framework development teams are no different.
  • Published on

    Blog: Get Microsoft 365 Developer Certified - FREE webinar series!

    On Wednesday, April 22, I presented the webinar Get Certified! Overview of the MS-600 exam & Microsoft 365 Developer Associate Certification with Rencore & Waldek Mastykarz. Rencore has posted the recording of the webinar as well as a link to the slides if you weren’t able to join us live or you want to re-watch it. Click here to access the recording . In that webinar I hinted there was more coming - I’m excited to share with you a new webinar series I’m hosting starting on May 5th!
  • Published on

    Blog: Join me for SharePoint Framework Mini Summit, a FREE online event and May the 4th be with you!

    After years of galactic chaos, SharePoint developers have finally realized the importance of building their SharePoint solutions with SPFx. With the Force awakened, the SharePoint community seeks solace with their PnP masters! Join me on May 4th with Elio Struyf, Waldek Mastykarz, and Vesa Juvonen, for a 3.5 hour SharePoint Framework mini-summit and May the 4th be with you!
  • Published on

    Blog: Fixing the default SharePoint Framework v1.10 web part code formatting

    Have you noticed since installing the Yeoman generator for SharePoint, when you add a web part to a new or existing project and specify the “No JavaScript framework” option, you get a web part who’s render() method’s indentation is all messed up like this? // omitted for brevity... export default class HelloWorldWebPart extends BaseClientSideWebPart <IHelloWorldWebPartProps> { public render(): void { this.domElement.innerHTML = ` <div class="${ styles.helloWorld }"> <div class="${ styles.container }"> <div class="${ styles.
  • 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: Learn the SharePoint Framework with me at the SharePoint Conference 2020 in Las Vegas!

    I’m looking forward to the Microsoft SharePoint Conference 2020 in Las Vegas, May 17-21, 2020, at the MGM Grand. Like the previous SharePoint Conferences, I’m excited to head back and present a pair of full-day workshops for SharePoint developers on the SharePoint Framework (SPFx)!

  • Published on

    Blog: Update to my Azure Pipelines Templates for SPFx (v1.3.0)

    In this post, learn about recent changes & improvements recently made to my Azure Pipelines Templates for SharePoint Framework (SPFx) projects.
  • Published on

    Blog: Join me at SPFest DC to learn SharePoint Framework Development!

    I just a few months I’ll be at the SharePoint Fest (SPFest) conference in Washington DC presenting a few sessions for developers. This is expected to be a great conference just like other SPFest conferences such as those in Seattle and Chicago. You’ll find me presenting a full day workshop as well as 2 sessions at this show.

  • Published on

    Blog: Join Me at the Quebec SharePoint User Group on February, 4 2020

    Danger: Presentation cancelled Unfortunately something has come up and I’m unable to be in Montreal the week of this user group. Therefore my presentation had to be cancelled… sorry about this folks! Hey SharePoint developers in Montreal, Canada! I’ll be in town next week and the kind folks at the Quebec SharePoint User’s Group invited me to present while I’m in town. Join me next Tuesday, February 4, 2020 and see a Floridian freeze in the Montreal winter!
  • 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?
  • Published on

    Blog: SharePoint Framework State of the Union (Fall 2019) from Microsoft Ignite 2019

    Like previous years, Microsoft delivered a session at the Microsoft Ignite 2019 conference that was essentially the “State of SharePoint Framework”. This session, BRK3071 - SharePoint Framework: What’s new and what’s next , started with a review of what the SharePoint Framework (SPFx) is and where it can be used. The second half of the session covered what’s coming next with SPFx, both in the short & long term. In this post, I’ll recap what was shared and share my thoughts.

  • Published on

    Blog: Microsoft Ignite 2019 Recap

    Last week, Microsoft held their annual Microsoft Ignite conference in Orlando, Florida. I was there recording interviews for my podcast, the Microsoft Cloud Show , presenting one session on Leveraging React in SharePoint Framework solutions (recording available on that link). This year, I made time to attend a handful of sessions. Here’s a fun fact, I attended more sessions at this year’s conference than all previous four (4) Ignite conferences combined, including all sessions I’ve presented & live podcasts I’ve streamed!
  • 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 devs, one thing that comes up often is dealing with the common ’this’ error. In this post, I’ll explain how to deal with it correctly.
  • Published on

    Blog: Join me at Ignite 2019 & SPFest Chicago for SharePoint Framework Development

    A few weeks ago I posted that I am going to be in Prague in early December for ESPC 2019 speaking on SharePoint Framework development. Check that post of a change to one of my sessions. One of them was replaced in favor of a new session on setting up automated testing on your SharePoint Framework projects. But that’s not why I am writing this post… Recently I got word that I’ll be at two more conferences in 2019.
  • Published on

    Blog: Automate Building, Testing and Deploying SharePoint Framework Projects with Azure Pipelines in Four Steps

    In this post, you’ll see how to automate the build, test & deployment to SharePoint Online of any SharePoint Framework project using Azure Pipelines.
  • 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 a 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? Please don’t take these as complaints about the SharePoint Framework, the people who work on it and support it, or Microsoft as a whole. I’m a fan of the SharePoint Framework. I love how it is helping to bring traditional server-side SharePoint developers along to the modern world of web development and client-side customizations. So many parts of the toolchain and skills they are learning by working with SPFx are immediately transferrable to non-SharePoint projects. As you read through my list, you may notice a theme: time for some maturity. The SharePoint Framework has been available since early 2017 and every few weeks, we see Microsoft share graphs of constant growth in adoption during the community calls). With some strong momentum, personally I’d like to see Microsoft slow things down, hold a bug bash & focus on reliability.
  • Published on

    Blog: Join me at the Collab365 SharePoint Summit

    In just a few days, from September 10-12, 2019, the folks at Collab365 are putting on a FREE ONLINE SharePoint Summit! This event spans a few days and consists of quite a few presentations by SharePoint professionals all over the world. You’ll find dev content, IT Pro content and adoption content!
  • Published on

    Blog: Join Me at ESPC 2019 for SharePoint Framework Development

    In December later this year, I will be at the European SharePoint, Office 365 & Azure Conference in Prague presenting topics on the SharePoint Framework SharePoint developers. This is my second time with ESPC after joining the show in Copenhagen in December 2018. I’m very much looking forward to this year’s event, just like last year’s conference. It will be my first trip to Prague, a city I’m really looking forward to explore when time allows.
  • 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: Join Me at SPFest Seattle 2019 for Sharepoint Framework Development

    I just a few short weeks I will be at the SharePoint Fest (SPFest) conference in Seattle presenting a few sessions for developers. This is expected to be a great conference just like other SPFest conferences such as those in Washington DC and Chicago. You’ll find me presenting full-day & half-day workshops as well as 3 sessions at this show.
  • 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 at SharePoint Development > Community > Community Calls . These calls are always recorded and published to the SharePoint PnP YouTube channel. 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.
  • 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) 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 Framework for 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 Azure AD Applications

    In my last post, Securing an Azure Function App with Azure AD - Works with SharePoint Framework!, I showed how you can secure a REST API deployed as an Azure Function App using Azure Active Directory (AzureAD). 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 Azure AD - Works with SharePoint Framework!

    I recently published a new chapter in my Mastering the SharePoint Framework on-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 Azure AD 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 Azure AD 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: Consider Avoiding Declarative Permissions with Azure AD Services in SharePoint Framework Projects

    I recommend people avoid this option for granting their SPO tenant permissions to endpoints and services secured with Azure AD.
  • Published on

    Blog: Mastering the SharePoint Framework Sprint 13 Published with over 3hrs of Microsoft Graph & Azure AD Lessons!

    I’m excited to share this latest update to my course, Mastering the SharePoint Framework for 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: the Fundamentals Bundle of the course is now content 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 Azure AD, and Microsoft Graph.
  • Published on

    Blog: Enable Jest testing of SharePoint Framework Projects in One Simple Step

    Setting up projects to use Jest, esp to test the rendering of your @reactjs #SPFx projects & use the popular tool Enzyme by @Airbnb 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: Workarounds for package manager issues with React and tslint

    In this post, I explain a pair of workarounds to address issues uncovered with tslint since the SharePoint Framework (SPFx) v1.7 release.
  • 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 @SharePoint Framework 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 an npm install on your project. You can manually run one of these audits by executing the command npm audit (ref: npm-audit docs ).
  • Published on

    Blog: Mastering the SharePoint Framework - Course update November 2018 (sprint 12 complete)

    This month’s update on my Mastering the SharePoint Framework course features the transition from one sprint to the next. Sprint 12 Complete I published the final pieces of Sprint 12 this week. This includes a new chapter in the Ultimate Bundle, new lessons in two Fundamentals Bundle chapters and a bunch of fixes! Want to get the details? Join me on Facebook Live for a sprint release party tomorrow, Thursday, November 1 at 1pm ET to see what’s in sprint 12 & get a sneak peek to what is planned for sprint 13, Black Friday/Cyber Monday deals & more!
  • Published on

    Blog: Mastering the SharePoint Framework - Course Update September 2018 (Sprint-11 complete)

    This month’s update on my Mastering the SharePoint Framework course features the transition from one sprint to the next. Sprint 11 Complete Earlier this week, I published the final pieces of Sprint 11. Two new chapters, the first chapters in the Ultimate Bundle! I also hosted the first Facebook Live sprint release party this week… if you missed it, you can get access to the recording here: Voitanos @ Facebook Live Automated Testing of SharePoint Framework Solutions This chapter starts with an overview of automated testing for client-side projects.