If you're still using tslint, I have bad news for you - it has been deprecated a long time ago. If tslint works for your old projects, then it's ok. However, for new projects use eslint. ESLint nowadays supports TypeScript with help of a plugin and parser. SharePoint Framework build pipeline is not as fast as the JavaScript tooling world and still uses...
This post challenge: We have an SPFx solution, which performs HTTP calls to our API (protected with Azure AD authentication), hosted on Azure Functions. From Azure Function we further call SharePoint endpoints to get some data. We use PnP Core SDK to interact with SharePoint. For simplicity, the API endpoint returns all list titles in a web, where we're...
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...
A few months ago I created a tool, which speeds up a regular "gulp serve" process. In a nutshell, it uses a separate webpack based build. Please read this post to learn more. Since the initial release, I've fixed a few good things and added new features. The most awaited is library components support. Read further to find out how to use spfx-fast-serve with....
This post is not directly related to SharePoint development, however, you might find it interesting if you deal with javascript projects (like SharePoint Framework projects) There is one particular thing I don't like in JavaScript development infrastructure. Well, actually I hate it. That's the node\modules folder. From one side that's a very important...
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.....
This End-User License Agreement ("EULA") is a legal agreement between you and Mastaq This EULA agreement governs your acquisition and use of our FAQ Page software ("Software") directly from Mastaq or indirectly through a Mastaq authorized reseller or distributor (a "Reseller"). Please read this EULA agreement carefully before completing the installation...
- Intro - CSS in JS - CSS in JS with SharePoint Framework - Install the library - Write your styles in TypeScript - Apply class names to React component - What about theming? - Conclusion A very common way of styling your SharePoint Framework React components is through the css (to be precise sass, which eventually compiles to css). Actually, SharePoint...
A few months ago I wrote an article about SharePoint Framework build performance - SPFx overclockers or how to significantly improve your SharePoint Framework build performance. I've tried to reduce the amount of time the "gulp serve" command uses to re-build your code and to finally refresh a browser. I used different optimization technics for that purpose....
SharePoint Framework 1.9 introduced support for React 16.8+. While only a minor part of the version was changed (16.7 -> 16.8), it means a lot. It means that you can use the full power of React hooks. But should you? Obviously, the answer is yes, because React hooks introduce a lot of useful features, including: - reuse stateful logic across your many React....