filmov
tv
How to fix SPFx projects & enable the React DevTools profiler
Показать описание
By default, the build toolchain for #SharePoint Framework (#SPFx) projects that use #React isn’t supported by the React DevTools profiler tool. In this episode, you’ll learn why and how to fix it.
This video is also available as a blog post and our podcast as episode 008 via the following links:
📚 Additional Resources:
----------------------------------------
🎧 Chapters / Show Notes
-------------------------------------------
00:00 : Intro
01:27 : React DevTools Profiler Error
02:24 : The issue with SPFx projects
03:12 : Understanding how SPFx bundles are generated
05:17 : Fix #1: Include React in the generated bundle
07:38 : Fix #2: Swap out React with a React profiler bundle
🔗 Links
---------------
#sharepointframework
This video is also available as a blog post and our podcast as episode 008 via the following links:
📚 Additional Resources:
----------------------------------------
🎧 Chapters / Show Notes
-------------------------------------------
00:00 : Intro
01:27 : React DevTools Profiler Error
02:24 : The issue with SPFx projects
03:12 : Understanding how SPFx bundles are generated
05:17 : Fix #1: Include React in the generated bundle
07:38 : Fix #2: Swap out React with a React profiler bundle
🔗 Links
---------------
#sharepointframework
Easily fix errors in your SPFx projects with CLI for Microsoft 365
How to fix SPFx projects & enable the React DevTools profiler
How to set up reusable ESLint configs for SharePoint Framework (SPFx) projects
Upgrading SharePoint Framework projects using Office 365 CLI CodeTour upgrade
SharePoint SPFx solution upgrade steps to new version
Modernize your SharePoint Framework projects
How to upgrade SharePoint Framework to 1.14 | SPFx 2022
Hooks How To: Surprising SPFx still generates react class- based components in 2022!
PnP Virtual Conference - 09/2020 - Upgrade your SPFx projects using CLI for Microsoft 365
How to use PnP controls in SPFx projects with MVP Elio Struyf
PnP Webcast - Provisioning SharePoint assets for your SPFx solution
Upgrade TypeScript version in your SPFX projects....
'Extending & customizing Webpack' - preview from the 'Mastering the SPFx' co...
Docker & SharePoint Framework (SPFx) - Quick Tip - Using Office365 CLI
Upgrading SPFx solutions to the latest version using the CLI for Microsoft 365
Sharing Code in SharePoint Framework (SPFx) Projects: NPM vs. Library Components
Navigate ESLint in SharePoint Framework (SPFx) Projects + Guidance
SharePoint Framework (SPFx) Extensions (Application Customizers)
Garry Trinder - Manage your tenant and SPFx projects with 'CLI for Microsoft 365'
SPFx framework at Microsoft - Accelerator Live Update Feature
🚀 Setting Up Development Environment for SPFx | Beginner’s Guide to Modern SharePoint Development...
SPFx Updating Data in List Using PnP, React JS, and TypeScript | SharePoint Framework Customization
Improving your SPFx development process with environment variable
SharePoint Framework (SPFx) v1.15 - The Attack of ESLint!
Комментарии