Recently new version of SPFX framework was released and I wanted to try it. Luckily a small task came to me, and I decided to test it. I am satisfied with it, and I will write down benefits and disadvantages.

In this post I will tell you how to upgrade the version of the SPFX framework of the existed solution. Here is the information only about SharePoint online, because for SharePoint 2019 On-premises you can use only NodeJs 10 and spfx 1.4.0.

I used Material UI DataGrid (@mui/x-data-grid": "^7.12.1") in SharePoint spfx webpart solution. Obviously, that wasn’t a good decision, but too much was already done.

Icons make a better view to any application. And for a developer it’s always a problem to find how to use Icons and especially where to find them. If you work with SharePoint Online solutions, this will help you (and also me) to find a place of icons and how to use them. As far as I often work with FluentUI, the post is about it.

When I started to work with SPFX solutions for SharePoint, I couldn’t understand how to load external CSS files. I came up with one solution, but it was a crutch. I did it with embedding <styles> tag into JSX. It looked like this:

The queries to get all the list items, get list items with specific field values, get list items by ContentType Name. The most of the time I spend with the last one.