Learn How to Hide Anything in SharePoint Online with SPFx!

You asked for it and we have a new video. This is the simple "Pro Code" way to identify elements on a SharePoint page and hide them with CSS Injection.

After showing how to configure and hide elements in SharePoint with simple low code/no code solutions. Now we are showing the "Pro Code" way, made easy!

Disclaimer: This video is for educational purposes only. If applying these changes in a production environment, ensure you fully understand the implications and potential risks. You can lose content or delete content unwillingly.

How to set up your SPFx Environment: https://learn.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-development-environment

To start off this video is for learning purposes the main goal is:
1. To be able to identify SharePoint Elements by their name.
2. Learn how to modify hide or replace that element.
3. How to create a SPFx project.
4. Create a simple custom SPFx extension.
5. Deploy a SPFx project.
6. Be careful in ANY Production Environment!

Chapters:
0:00 Introduction
0:44 Setting up Environment
2:15 Create an SPFx Extension Project
4:36 Opening Visual Studio Code
5:15 Modify Serve JSON
6:34 Out of the Box Extension
7:58 Hide Anything with CSS
10:55 Select Element on Page
13:38 Hide after page render
15:08 Be careful of Renames
15:38 Deploy to Production
17:29 Add An App to Production
18:20 Remove your Extension
19:38 Conclusion