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: SharePoint Framework Updated in SharePoint Server Subscription Edition
For the first time in 7 years, Microsoft has updated the installed version of the SharePoint Framework in an on-premises SharePoint Server deployment!- Published on
Blog: New SharePoint Framework (SPFx) Courses on Web Parts, Extensions, & ACEs
Learn about Andrew’s three (3) new courses on the SharePoint Framework - learn web parts, all about extensions, and Adaptive Card Extensions for $65-75!- Published on
Blog: New SPFx Chapter & Course on Adaptive Card Extensions
February is packed with SPFx updates at Voitanos around Viva Connections & Adaptive Card Extensions! This includes a new course & chapter on SPFx ACEs!- Published on
Blog: Microsoft Retired the MS-600 Exam & Teams Developer Cert! 😱
Microsoft is retiring the MS-600 exam & Teams Developer Certification on March 31. In this article I’ll share the backstory & plans for my exam prep course.- Published on
Blog: SharePoint Framework v1.16.1 - What's in the Latest Release
In this article, I’ll summarize what I found while time picking apart this latest release of the SharePoint Framework (SPFx): v1.16.1.- Published on
Blog: Join me - TechCon365 Washington DC June - SPFx React & Azure
Join me, June 12-16 in Washington DC for the 365 EduCon conference! I’m presenting a workshop & sessions on SPFx, React & Azure for developers!- Published on
Blog: MS-600 Exam Prep course - new chapter added on custom apps
In this article, learn about the new chapter I just added to my course, MS-600 Exam Prep | Building apps with Microsoft 365 Core Services.- Published on
Blog: MS-600 Exam Prep course - November 2022 refresh almost complete!
In this article, learn about the latest November 2022 refresh to my course, MS-600 Exam Prep | Building apps with Microsoft 365 Core Services, and the recently refreshed chapters.- Published on
Blog: MS-600 Exam Prep course - November 2022 update & price changes
In this article, learn about the November 2022 updates to my course, MS-600 Exam Prep | Building apps with Microsoft 365 Core Services, and the new course subscription plan.- Published on
Blog: How to Dynamically Set SPFx Property Pane Dropdowns
Dynamically populating a dropdown selector in a SharePoint Framework (SPFx) web part property pane is a common task. In this article & the associated video, learn how easy it is to implement it in your project.- Published on
Blog: How to use React Hooks with the SharePoint Framework (SPFx)
Learn how to convert a default class-based React component to a functional component, and then see how to implement React Hooks in the web part!- Published on
Blog: MS-600 Exam - HUGE Changes in the August 2022 Update!
Nearly 2 years after the initial release of the MS-600 exam Microsoft released a major update on August 4, 2022, one packed with a ton of changes!- Published on
Blog: Register SPFx list form customizers with the SharePoint REST API
In this video, learn how to register SPFx list form customizers with SharePoint’s API. See how you can do this our utility web part you can use in your sites!- Published on
Blog: CloudDev Clarity | Episode 9 - React Hooks
In this 9th episode, Andrew & Julie join the great debate of React class components or React Hooks. We define what the differences are and make sure we address some listener questions submitted to our Discord channel all while sharing our unique perspectives on the question.- Published on
Blog: How To Register SPFx Field Customizers With SharePoint's REST API
Learn how to register SPFx field customizers with SharePoint’s REST API. See how you can do this our utility web part you can use in your sites!- Published on
Blog: SharePoint Framework v1.15.2 - What's in the Latest Release
In this post, I’ll summarize what I found while time picking apart this latest release of the SharePoint Framework (SPFx): v1.15.2.- Published on
Blog: New course lessons on SharePoint Framework (SPFx) form customizers
I just updating my “Mastering the SharePoint Framework” course! Learn what’s new & updated, including lessons on list form customizers for SharePoint lists!- Published on
Blog: Mastering the SharePoint Framework - August 2022 Refresh
In this post, learn about some recent updates on my flagship course, Mastering the SharePoint Framework including a completely re-recorded chapter on web parts!- Published on
Blog: How to set up reusable ESLint configs for SharePoint Framework (SPFx) projects
When Microsoft swapped out TSLint in favor of ESLint in SPFx v1.15, I think they went overboard with their default rules. In this episode, learn how to set up a reusable ESLint configuration & modify your SharePoint Framework projects to use your rules.- Published on
Blog: CloudDev Clarity | Episode 5 - Why you should lint your code
In episode 5 of CloudDev Clarity, Andrew & Julie cover linting your code - pros, cons, and when different levels of linting should be applied to projects.- Published on
Blog: CloudDev Clarity | Episode 1 - New show by Julie Turner & Andrew Connell
Today I’m excited to share a new regular show: CloudDev Clarity. In this show, Julie Turner & Andrew Connell discuss topics for Microsoft 365 & Azure developers.- Published on
Webinar: Microsoft 365 Fullstack Dev's Office Hours - July 2022
Join us live, or watch the recording, from our monthly office hours live stream for Microsoft 365 Fullstack Developers!- Published on
Blog: SharePoint Framework (SPFx) v1.15 and the attack of ESlint
I like ESLint & having rules to either enforce coding standards and/or good practices is a good thing. I like that SPFx projects now use ESLint over the long-deprecated TSLint. But vendors telling developers how to write code, especially imposing subjective or obsolete coding styles, isn’t cool.- Published on
Blog: Mastering SharePoint Framework Code Refresh July 2022
Earlier today, I wrapped up refreshing the student code downloads for the Fundamentals & Ultimate bundles of my Mastering the SharePoint Framework course to SPFx v1.15.0, built from scratch.- Published on
Blog: What's new? Unboxing the SharePoint Framework (SPFx) v1.15
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: April 2022 course update - Mastering the SharePoint Framework
It’s been a while since I checked in and shared an update on the latest with my course, Mastering the SharePoint Framework. But there’s no better time than now! Learn what’s new in this month’s refresh of the first two chapters in the Fundamentals bundle!- Published on
Blog: SharePoint Online Modern App Catalog - April 2022
Microsoft introduced the tenant app catalog many years ago way for users to install, deploy, and acquire apps within their SharePoint Online environment. Unfortunately, it’s become quite dated and not kept up with the needs and demands of the product… until now! In this post, I’ll take a look at what Microsoft is rolling out to your SharePoint Online tenants with a new modern experience, a better story for acquiring, requesting, and approving apps from the app store and more. In fact, we’re getting an idea of what’s coming in the future.- Published on
Blog: What's in the first SharePoint Framework v1.15 beta?
Microsoft release the first beta of the SharePoint Framework v1.15 on March 8, 2022. In this post I’ll dig in to see what’s in it!- Published on
Blog: SPFx Basics: four (4) lesser-known web part manifest properties
In this SharePoint Framework (SPFx) quick tip, I want to focus on some properties in a web part’s manifest file that many people aren’t familiar with.- Published on
Blog: Join me at TechCon365 Seattle (May 2022) for SharePoint Framework & Azure Functions
Join me, May 9-13 in Seattle for the 365 EduCon (SPFest) conference! I’m presenting a full day workshop & sessions for Microsoft 365 & Azure pro developers!- Published on
Blog: State of SharePoint Client-Side Dev - Winter 2022
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: SPFx Basics: Initializing components - constructor vs. onInit()
How do you properly initialize your component? Should you use the object’s constructor, or the onInit() method? You should always use the onInit() method if your initialization process needs anything in the SharePoint Framework API or in the current page’s context. Otherwise, you can safely use the constructor in your component.- Published on
Blog: SharePoint Framework v1.14 - What's in the Latest Release
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: Mea culpa - always install gulp-cli globally, not gulp
This is a story about a mea culpa. You should have been installing the gulp-cli package globally (as the docs show), not gulp globally. To better understand why, keep reading.- 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 profilerFor 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
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: Optimize bundles by disabling IE11 support in SPFx projects
Shrink & optimize your SPFx JavaScript bundles by ditching IE11 support.- Published on
Blog: State of SharePoint Client Side Development | August 2021
It’s summer 2021 and time to check in on 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: 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: Significant updates to our Jest Presets for SPFx projects
I recently refreshed my Jest presets for SharePoint Framework (SPFx) projects add added an improvement for developers who decide to use a different version of TypeScript from the default version set on new projects. In this post, learn about these improvements and how you can add automated testing with just one step to your projects!- 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.