I had a flow, which triggers by item added event in a SharePoint list. The flow relies on the order of items added to a list, i.e. it processes items using the queue approach. However, when items were added using a batch approach, the order is not preserved. You can fix it by introducing an "orchestration" flow and a field in the list. The field should have....
Sometimes, during regular SharePoint Framework development, you add new React components into your codebase. Sometimes VScode behaves very strangely and doesn't provide you with needed error highlights and import suggestions. For example, having below code: Which problems do we have here? 1. unknown import "newGuid" 2. since we return jsx, we need React...
In August 2019 SharePoint Framework 1.9.x was released. Among different changes also support for Webpack 4 was introduced. What does it mean for us? It means slightly improved build speed, support for a wide range of plugins and better tree-shaking. What is webpack tree-shaking exactly? In simple words, webpack is smart enough to automatically remove "dead.....
Sometimes when working on SharePoint Framework projects you have a need to use third-party libraries with their own css styles. You can include css styles using different technics - via import statement right in your code or using dynamic loading with SPComponentLoader. However, some css libraries have very common selectors, which affects Html in the...
This is a small tip for anybody who hates typing because it's too long and error-prone (or you're lazy like me :)). Check out below animation: What if we can simply type in order to scaffold the project? Well, we are in 2019 and of course, it's possible :) NOTE: Solution windows users only. Sorry MacOs :(. I'm pretty sure there is an alternative for Mac as.....
Almost a year ago Waldek Mastykarz posted a great article on how to debug your SharePoint Framework solution in production, where all the code is minified and source maps are not available. While it works, there is a manual step of uploading source maps in google chrome's dev tools, which isn't very convenient. I extended Waldek's solution with fully...
The source code with samples from this post is here at GitHub (also supports fast-serve!). Have you ever found yourself writing something like this in your SharePoint Framework web parts: Above code has a few issues: - Readability of such code is not at the best level. A lot of parent relative paths like "../../../" don't look good - It looks ridiculous to.....
While developing with TypeScript, you might notice that your bundle size becomes bigger despite all minification techniques. Of course, as your code grows, your bundle will also grow. However there is one hint, which might help you and reduce the size of a resulting bundle. The hint works really good for web projects, which use TypeScript together with...
If you need to quickly get field internal name or type from UI, you can get it from any list form - new\\edit\\view. You must select html element, that contains specified field value, and in html comments you can see field's display name, internal name, and field type. As on screenshot below, I use Firebug in Firefox: Or Web Developer tools in IE: