React Sortable Tree
Drag-and-drop sortable component for nested data and hierarchies. It uses react-virtualized, react-dnd. https://github.com/frontend-collective/react-sortable-tree
Material Table
Datatable for React based on material-ui’s table with additional features. We can add custom actions such as add/edit/delete row data of table easily by using this library. https://material-table.com
Notistack
Highly customizable notification snackbars (toasts) that can be stacked on top of each other. https://github.com/iamhosseindhv/notistack
Extract Version from file name.
We need to get version number from file name some time. We can use Regular Expression for that. $reg = ‘/^[\w-]+.(\d+.\d+.\d+).zip/’; $filename = “myapp.1.12.2”; preg_match_all($reg, $filename, $matches, PREG_SET_ORDER, 0); echo $matches[0][1]; result: 1.12.2
NPM package – react-intl
This library provides React components and an API to format dates, numbers, and strings, including pluralization and handling translations. Features Display numbers with separators. Display dates and times correctly. Display dates relative to “now”. Pluralize labels in strings. Support for 150+ languages. Runs in the browser and Node.js. Built on standards. More details can be …
CSS blur without image
In order to blur in html page normally css `filter: blur(npx)` is used. filter: url(“data:image/svg+xml;utf8,<svg xmlns=’http://www.w3.org/2000/svg‘ ><filter id=’svgMask’><feGaussianBlur stdDeviation=’3’ /></filter></svg>#svgMask”); This is also useful as well as normal filter. And you can utilize svg for further tricks too.
SignalR – Socket for ASP.NET Core
What is SignalR? ASP.NET Core SignalR is an open-source library that simplifies adding real-time web functionality to apps. Real-time web functionality enables server-side code to push content to clients instantly. Good candidates for SignalR: Apps that require high frequency updates from the server. Examples are gaming, social networks, voting, auction, maps, and GPS apps. Dashboards …
Building a WordPress Plugin with Vue
Vue.js is a very popular progressive JavaScript library for building modern and rich user interfaces similar to Angular and React in terms of popularity, performance and component-based architecture. We’ll dive into the entire process of building a very simple WordPress plugin with a Vue interface that interacts with the WordPress REST API through the JavaScript …