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: How to set up SPFx development environments for multiple SharePoint Server deployments
In this post, learn how to set up a development development environment to create SPFx projects for all SharePoint deployments.- Published on
Blog: Definitive guide for developers: SharePoint Framework for SharePoint Server 2016
These days, all of Microsoft’s updates about the SPFx, or community content have one thing in common: they ignore SharePoint Server 2016. Not this post!- Published on
Blog: Definitive guide for developers: SharePoint Framework for SharePoint Server SE
These days, all of Microsoft’s updates about the SPFx, or community content have one thing in common: they ignore SharePoint Server SE. Not this post!- Published on
Blog: Definitive guide for developers: SharePoint Framework for SharePoint Server 2019
These days, all of Microsoft’s updates about the SPFx, or community content have one thing in common: they ignore SharePoint Server 2019. Not this post!- Published on
Blog: Understand difference SharePoint Framework generator related packages
Since the SharePoint Framework initial v1 release, I’ve seen questions coming up about a concept that confuses developers. This is a simple concept, one that could have been avoided with a better naming decision many years ago. In this post, I’m going to attempt to clear it up.- Published on
Blog: Fix SharePoint Framework projects to enable the React DevTools profiler
A few years ago, React introduced the React Profiler to React v16.5 in the React DevTools plugin available for Chromium browsers (Chrome & CrEdge) and Firefox. Developers can use the Profiler API to collect timing information about each component that’s rendered in order to identify performance bottlenecks in React applications. You can learn more about the React DevTools profiler from the following deep dive video from the React team: YouTube: Deep dive with the React DevTools profiler For those of us creating React apps in SharePoint Framework (SPFx) solutions, this is a great resource for building well performing apps for your customers!- Published on
Blog: Mastering SharePoint Framework - October 2021 Refresh
In this post, learn what’s new with our flagship course: Mastering SPFx! The Starter bundle is completely refreshed, lesson notes are improved, and we added clickable resources within lesson videos!- Published on
Blog: Learn 'What is the SharePoint Framework' is in our new email course!
New to SPFx? Check out our newest FREE email course to quickly get up to speed, learn what you can build, where you can use it, and what a ‘day in the life’ of a SharePoint Framework developer is like!- Published on
Publication: Learn SharePoint Framework in 15 min/day: Free Course
Developers can learn about SharePoint Framework in 15 minutes a day for the next week. Get this free course delivered daily to your inbox- Published on
Blog: Get answers to your SharePoint Framework questions
You’ve hit a roadblock on your SPFx project & have a question. What options do you have? In this post, I’ll share a few options available to you.- Published on
Blog: Back to school! Time to modernize those SPFx projects!
In this post, I want to tell you about some of this modernization work I’ve been doing and how you can apply it to your SPFx projects!- Published on
Blog: Ditch TSLint for ESLint in SPFx projects in one simple step
I’ve created a pair of presets for SPFx projects to make your life easier when you want to use ESLint and ditch the long-deprecated TSLint tool that Microsoft includes in SPFx projects. All you have to do is install a single npm package and you’re automatically using ESLint!- Published on
Blog: Get with the times & ditch TSLint in favor of ESLint in SharePoint Framework projects
The ECMAScript community came to the consensus, initiated by the TypeScript Team in their 2019 Roadmap post, to deprecate TSLint in favor of ESLint over 2.5 years ago. Yet SPFx projects still use TSLint. In this post, learn how to replace it with ESLint, the standard for linting both JavaScript & TypeScript projects.- Published on
Blog: Fix the "can't find custom rule directory: tslint-microsoft-contrib" error in SPFx projects
Ever run into the random error “[tslint] Failed to load ../tslint.json” when you can clearly see it in your project? If so, then this post is for you!- Published on
Blog: Update to my Azure Pipelines Templates for SPFx Projects (v1.4.0)
Earlier today, I updated our Azure Pipelines Templates for SharePoint Framework projects. This is mostly a modernization update to the templates for developers using our templates to implement a CI/CD process for their SharePoint Framework (SPFx) projects using Azure DevOps Pipelines.- Published on
Blog: Mastering SharePoint Framework Code Refresh + New React Hooks Sample
Late last week, I wrapped up refreshing the student code downloads for the Fundamentals & Ultimate bundles of my Mastering the SharePoint Framework course to SPFx v1.12.1, built from scratch + bonus demo in the React chapter showing how to use React Hooks!- Published on
Blog: SharePoint Framework v1.12.1 - What’s in the latest Update of SPFx?
In this post, I’ll summarize what you can find, and share some additional details I found after spending some time picking apart this latest release of SPFx.- Published on
Blog: hTWOo: A Microsoft Fluent Design pure HTML & CSS Implementation
hTWOo is a pure HTML & CSS implementation of Microsoft’s Fluent Design, without the baggage & headaches of Office UI Fabric or Fluent UI.- Published on
Blog: Microsoft 365 MS-600 Exam Prep Course Refreshed - New content, resources, & introducing practice test questions!
I’m excited to announce what’s in the latest refresh of my MS-600 exam prep course! New content, over 300 practice test questions and more!- Published on
Blog: SharePoint Framework v1.12 Deprecated!!! (+ how to roll back)
Just five (5) days after the release of SPFx v1.12, Microsoft deprecated and pulled it. In this post I’ll explain why, and how you can roll back your environment and projects if you were an early adopter.- Published on
Blog: SharePoint Framework v1.12 - What’s in the latest Update of SPFx?
In this post, I’ll summarize what you can find, and share some additional details I found after spending some time picking apart this latest release of SPFx.- Published on
Blog: Use Different Versions of TypeScript in SPFx projects
SharePoint Framework (SPFx) projects are written in TypeScript. For a while, developers were stuck using the version of TypeScript specified by Microsoft with each SPFx release. In the SPFx v1.8 release, the version of TypeScript was decoupled from the project so that now you can use any version you like, provided there’s a supported option. In this post, I’ll explain how this works, what versions of TypeScript you can use and how to implement it in your project.- Published on
Blog: State of SharePoint Client Side Development | December 2020
As we near the end of 2020, I wanted to take a look at where we are with respect to the State of SharePoint Client-Side Development. In this post, I’ll give you an update on where we are with popular frameworks and tools developers use in the client-side SharePoint development world.- Published on
Blog: Announcing our upcoming course: MS-600 Exam Prep | Building apps with Microsoft 365 Core Services
In early September 2017, I announced Voitanos’ first course to be published. A little over three years later, I’m excited to share with you today the news on my next course that’s currently in the works!- Published on
Publication: Microsoft Learning: Introduction to customizing and extending SharePoint
SharePoint is an extensible platform you can customize and extend with the SharePoint Framework and multiple APIs available to developers. In this module, developers learn what customizations and extensibility points are available to them with the SharePoint Framework, and determine if it’s right for you.- Published on
Blog: How does the SharePoint Framework (SPFx) work?
Have you ever wanted to know how the SharePoint Framework works? How do your components get added to the page? What’s with that extra manifest file? In this post, I’ll answer all those questions!- Published on
Blog: Who and Where can the SharePoint Framework (SPFx) be used?
When evaluating the SharePoint Framework, you need to determine not just what you can do, but if your SharePoint environment supports specific customizations and where you can apply those customizations.- Published on
Blog: When did Microsoft introduce (and release) the SharePoint Framework (SPFx)?
How long has the SharePoint Framework been around? When was it first released? What were some of the major milestones in the history of the SPFx? It’s all here!- Published on
Blog: Why did Microsoft create the SharePoint Framework (SPFx)?
As SharePoint evolved over time into the product we have today, Microsoft iterated over development models until they found one that worked for both developers & Microsoft alike.- 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: RETIRED - 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 September 2020
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!- Published on
Blog: SharePoint Framework Summer 2020 Wish List
It’s that time again! Time for another installment of our SharePoint Framework summer 2020 wish list! What’s on your list?- 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 hosted in May 2020, and all the recordings are available now!- 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: 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 The two releases include three updates & two minor changes to the project.- 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
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.