Latest React topics
All the latest React pages on this site.
React is a JavaScript library for building user interfaces. React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.
- Published on
Blog: SharePoint Framework v1.20 - What's in the Latest Release
Learn what I found while picking apart the latest SharePoint Framework (SPFx) release, v1.20. There’s not much in this release, but enough worth covering.- Published on
Blog: Microsoft 365 Developer Spring 2024 Wish List
It’s been a few years since I published my last SPFx wish list - this time I want to expand it to all Microsoft 365 development topics!- Published on
Blog: Microsoft 365 Apps: Use SharePoint Framework or MS Teams?
Developers can use the SharePoint Framework or Microsoft Teams apps for a new Microsoft 365 application. Compare the pros and cons of in this article.- Published on
Blog: New Course Lessons on React Hooks + Fluent UI React for SPFx
Learn about the exciting updates to my Mastering the SharePoint Framework course - new lessons on React Hooks and using Fluent UI React in SPFx solutions!- Published on
Blog: Zero to Hero: Complete Tutorial on Building SharePoint Embedded Apps
Build document-centric apps in this step-by-step tutorial with SharePoint Embedded. Leverage SharePoint’s document libraries & more Microsoft 365 capabilities!- Published on
Blog: SPFx Devs: Beware of the SharePoint SE 23H2 Feature Update
Learn the implications of the SharePoint Server SE 23H2 feature update for SPFx projects. A downgraded SPFx & bad guidance on customizing projects.- Published on
Blog: Crack the Code: Testing Solutions for Microsoft 365 Projects
Learn why Microsoft 365 devs avoid automated testing from a survey. Learn how I approach testing for Microsoft Teams, SharePoint Framework, & M365 projects.- Published on
Blog: Why React Hooks: Enhancing Code Performance and Readability
Discover what React Hooks are, why developers choose them over class components, and learn how to convert your SPFx projects to React Hooks in this article.- 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 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: CloudDev Clarity | Episode 7 - React, Angular, & web frameworks: good, bad, and ugly!
In our 7th episode of CloudDev Clarity, we cover web frameworks & review the results of the 2021 State of JavaScript survey while offering up our opinions.- Published on
Blog: New show by Julie Turner & Andrew Connell: CloudDev Clarity
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
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: 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: 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: 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: 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
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: Enable Jest testing of SharePoint Framework projects in one simple step
Setting up projects to use Jest, especially to test the rendering of your ReactJS SharePoint Framework projects & use the popular tool Enzyme 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: 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 May Update - New Chapters Added for jQuery & React!
Learn what’s new in the May 2018 update of our flagship course, Mastering the SharePoint Framework. We added chapters for jQuery & React!- Published on
Blog: Angular, React or Vue - Which Web Framework to Focus on for SPFx?
Many developers picking up the SharePoint Framework are coming from a traditional SharePoint development background. Some of these people server-side developers primarily who may have some client-side development experience while others may have been customizing SharePoint using client-side development techniques for a while.