Service providers are the central place of all Laravel application bootstrapping. Your own application, as well as all of Laravel’s core services are bootstrapped via service providers. For more details: https://laravel.com/docs/5.8/providers Default usage of Service Provider is to inject variables to constructor of any class. We can extend this usage, and inject variables conditionally according …
react-idle-timer
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 …
Simple HTTP Server for static HTML
This will install http server node package globally on your PC. After installation, you can run command http-server This will run your SPA built app in local IPs:127.0.0.1:8080, localhost:8080, 192.168.1.126:8080, 10.2.34.25:8080 So you can access to your APP from local and other PCs as well. Especially, PWA does not work on development environment. For testing …
Hover – double click issue on iPhone
When you use hover CSS event style, it won’t work on iphone. In this case, you will need to double click buttons applied hover CSS event style. Normally, button should work by one click. So it looks like issue. To prevent double click for issue, we need to remove hover event style for buttons. Try …