Web development content.
A simple code snippet that allows tool-tips to be displayed on HTML controls when the mouse hovers over them or when the control is clicked (e.g. touched on a mobile device). Useful in scenarios where you want a simple, modern, tool-tip without the weight of a 3rd party library.
This article walks through creating an NPM project that can be uploaded to a public or private NPM feed as reusable package.
Redux is a toolkit for ReactJS that offers application-level state management features and can help overcome event bubbling performance issues in complex component architecture based Single Page (Web) Applications (SPA).
Starting from version 16.8 ReactJS introduced a new, modern, way of developing React web apps using a feature they called Hooks. This article introduces Hooks and demonstrates how to create React components in this more modern style.
The SharePoint Framework (SPFx) is Microsoft’s latest addition to the SharePoint development family. It is custom web-part and page extensions programming model aimed at replacing the over-used (and potentially dangerous) Script Editor Web Part (SEWP) and Content Editor Web Part (CEWP) in SharePoint Online (SPO) and recent versions of on-premise SharePoint too.
TypeScript is a relatively new language that was created by Microsoft. It is an open source language loosely based on JavaScript syntax but extended to provide strong-typing declarations. An immediate advantage of using explicit data-types (like you would in other formal programming languages such as C/C++, C#, VB.NET, etc.) is that you get design-time data type checking when the ‘code’ is compiled into JavaScript.
The following method is a plain JavaScript function that is approximately equivalent to jQuery’s $(document).ready function, but can be used without the overhead of loading the entire jQuery library if you don’t need it.
Recent versions of SharePoint have exposed a rich tapestry of options for interacting with it without needing to resort to server-side code-based solutions. The main ones that I’m going to talk about here are the JavaScript Object Model (JSOM), SharePoint Web Services, and the RESTful API.
Jasmine provides a simple behaviour-driven development testing model that is simple to set up and execute. Where things become slightly clouded is when you need to deal with asynchronous events. For example, how do you test your modals work?
When developing SharePoint Add-ins there may be times when you want to access and store some data on the host web an app instance has been deployed to instead of holding it on the app web (as the app instance website is the default).