SharePoint Framework (SPFx)

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!

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!

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!

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.

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

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!

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!

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.

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!

Shrink & optimize your SPFx JavaScript bundles by ditching IE11 support.

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.

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!

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!

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.

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!

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.

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.

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!

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.

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.

hTWOo is a pure HTML & CSS implementation of Microsoft’s Fluent Design, without the baggage & headaches of Office UI Fabric or Fluent UI.

Learn how to test public preview release of SPFx and get some tips on managing your SPFx dev environment (USE NVM!).

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!

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.

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.

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!

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.

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.

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.

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.

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!

Join me for a half-day virtual workshop at the Microsoft 365 Collaboration Conference to get up to speed on the SharePoint Framework.

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!

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.

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!

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.

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.

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.

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!

It’s that time again! Time for another installment of our SharePoint Framework summer 2020 wish list! What’s on your list?

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.

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! 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. This process usually brings together development and operations, commonly called DevOps, to continually provide value to customers. DevOps is comprised of multiple practices and components. One aspect of DevOps is continuous monitoring.

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! 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. This process usually brings together development and operations, commonly called DevOps, to continually provide value to customers. DevOps is comprised of multiple practices and components. One aspect of DevOps is continuous integration (CI) and continuous delivery (CD).

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!

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!

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.row }"> <div class="${ styles.column }"> <span class="${ styles.title }">Welcome to SharePoint!</span> <p class="${ styles.subTitle }">Customize SharePoint experiences using Web Parts.</p> <p class="${ styles.description }">${escape(this.properties.description)}</p> <a href="https://aka.ms/spfx" class="${ styles.button }"> <span class="${ styles.label }">Learn more</span> </a> </div> </div> </div> </div>`; } protected get dataVersion(): Version { return Version.parse('1.0'); } // omitted for brevity... This is frustrating, but it’s very easy to fix.