How to fix SPFx projects & enable the React DevTools profiler
Channel: Andrew Connell
Date: 2022-03-05

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:
📜  https://www.voitanos.io/blog/
🎙  https://www.voitanos.io/podcast

📚 Additional Resources:
----------------------------------------
🔗 https://www.voitanos.io/blog/fix-spfx-projects-to-enable-the-react-devtools-profiler/
🔗 https://www.youtube.com/watch?v=nySib7ipZdk

🎧  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
---------------
🌎  https://www.voitanos.io
🎙  Podcast: https://www.voitanos.io/podcast
https://twitter.com/andrewconnell
https://www.facebook.com/voitanos
https://www.linkedin.com/in/andrewconnell
https://www.instagram.com/voitanos_llc

#sharepointframework