https://buttercms.com/react-blog-engine/ You’ve got better things to do than build another blog Add Butter to your React app and get back to more interesting problems. ButterCMS is an API-based React blog engine that integrates seamlessly with new and existing React apps. Add ButterCMS to your React app in minutes using our Node.js API client. Use ButterCMS …
Lerna Package Management
Lerna is a tool that optimizes the workflow around managing multi-package repositories with git and npm. Lerna can also reduce the time and space requirements for numerous copies of packages in development and build environments – normally a downside of dividing a project into many separate NPM package. See the hoist documentationfor details. https://github.com/lerna/lerna
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.