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 v1.14 - 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: 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 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
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.- 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: State of SharePoint Client Side Development | July 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: 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: State of SharePoint Client Side Development | April 2021
In my second update for 2021 we continue taking a look at 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: 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: Try Sharepoint Framework Preview Releases with NVM
Learn how to test public preview release of SPFx and get some tips on managing your SPFx dev environment (USE NVM!).- 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: MS-600 Exam Prep - Content Complete - new chapters on SharePoint & Microsoft Teams
Back in October 2020, when I announced and launched my latest course Microsoft 365 Certified Developer Associate MS-600 Exam Prep, I committed to reaching the content complete milestone in February 2021. After two releases in December & January, I’m excited to share with you that the final two chapters will be published, true to my commitment, by the end of February 2021!- Published on
Blog: State of SharePoint Client Side Development | February 2021
In my second update for 2021 we continue taking a look at 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: State of SharePoint Client Side Development | January 2021
Let’s kick off my first update for 2021 by taking a look at 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: 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: Microsoft 365 Certified Developer MS-600 Exam Prep
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
Blog: Join me at the Microsoft 365 Collaboration Conference - learn the SharePoint Framework in my half-day workshop
Join me for a half-day virtual workshop at the Microsoft 365 Collaboration Conference to get up to speed on the SharePoint Framework.- 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
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
Webinar: BONUS Behind the Scenes: Making of the MS-600 exam & Microsoft 365 Developer Associate Certification
Microsoft released a new certification in November 2019 for Microsoft 365 developers. The Microsoft 365 Certified: Teams Application Developer Associate certification measures developers across five (5) primary workloads in Microsoft 365. Developers must pass a single exam, the MS-600: Building Applications & Solutions with Microsoft 365 Core Services , to achieve this certification. Andrew Connell , a Microsoft 365 Development MVP, was deeply involved in working with Microsoft as they created the certification, exam, and associated materials.- Published on
Webinar: Get Microsoft 365 Dev Certified! Explore SharePoint
Microsoft released a new certification in November 2019 for Microsoft 365 developers. The Microsoft 365 Certified: Teams Application Developer Associate certification measures developers across five (5) primary workloads in Microsoft 365. Developers must pass a single exam, the MS-600: Building Applications & Solutions with Microsoft 365 Core Services , to achieve this certification. Andrew Connell , a Microsoft 365 Development MVP, was deeply involved in working with Microsoft as they created the certification, exam, and associated materials.