react-idle-timer is the react component that we can use for detecting user’s activity in browser. https://www.npmjs.com/package/react-idle-timer
react-inlinesvg
react-inlinesvg is a npm package for React, which is convenient when we show svg image on the web pages. We can simply store svg as files and import it from React component. Then we can display it using SVG tag. import SVG from ‘react-inlinesvg’; import MySVGFile from ‘/path/to/svg-file’; <SVG src={MySVGFile}/>
Best Tool OctoTree for github repository checking.
we are normally using some codes of repository on github. But if the tree structure of project is complex, then it is difficult codes of files.So, you can install a chrome extension (OctoTree). it is providing a repository tree structure in left side.So, you can simply go to files that you want. https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc
Laravel Concepts – Policy, Event, Listener
There are bunch of advanced Laravel features and we will use them in real-world projects. Policy, Event, Listeners are widely used Laravel features. Laravel Policies are a great way to protect actions on your Eloquent Model. Laravel Policies are the part of Laravel Authorization that helps you to protect resources from unauthorized access. Laravel’s events …
Vue cli ui interface
You can create and manage projects using a graphical interface with the vue ui command.This command is still beta as the time of writing, but this provides very convenient graphical ui to manage vue based projects, like: add dependency, run dev server, build, analyze bundle size etc. https://cli.vuejs.org/guide/creating-a-project.html#vue-create
PM2 — Restart Processes After System Reboot
Startup Script Generation PM2 ships with the functionality to generate startup scripts for multiple init systems. These scripts are executed on system boot and with that spawn the PM2 process itself which is required to (re)start application servers. You can generate a startup script for your server’s init system by either using PM2’s auto-detection feature …
How to fix node-gyp errors for windows users
For those who didn’t follow the MS proscribed order (see Xv’s answer) you can still fix the problem. MSBuild uses the VCTargetsPath to locate default cpp properties but cannot because the registry lacks this String Value. Check for the String Value Launch regedit Navigator to HKLM\SOFTWARE\Microsoft\MSBuild\ToolsVersions\4.0 Inspect VCTargetsPath key. The value should = “$(MSBuildExtensionsPath32)\Microsoft.Cpp\v4.0\“ To fix Launch regedit Navigator to HKLM\SOFTWARE\Microsoft\MSBuild\ToolsVersions\4.0 Add …
Developing a PWA Using Angular-cli
It’s so easy. Please follow below commands. That’s all! You have done Angular PWA. Your app will work on offline if you visited once and will work fast. Now, you can check your app at http://localhost:8080One thing you must know: you need to build production app for testing your app.
POEditor Localization Service
POEditor is an online localization service, perfect to manage collaborative or crowdsourced translation projects. Translate websites, apps, games and more! https://poeditor.com/
ECMAScript Proxy Object
Proxy object is used to define custom behavior for fundamental operations (e.g. property lookup, assignment, enumeration, function invocation, etc). ================================================================handler: Placeholder object which contains traps. traps: The methods that provide property access. This is analogous to the concept of traps in operating systems. target: Object which the proxy virtualizes. It is often used as storage backend …