Laravel

laravel-activitylog

spatie/laravel-activitylog package provides easy to use functions to log the activities of the users of your app. It can also automatically log model events. All activity will be stored in the activity_log table. Here’s a litte demo of how you can use it: activity()->log(‘Look mum, I logged something’); You can retrieve all activity using the Spatie\Activitylog\Models\Activity model. Activity::all(); Here is …

React.js

React Hackin Solution – Passing variables and methods to props.children

We can pass variables and methods to props.children following way. React.Children.map(children, child => React.cloneElement(child, { method: methodName } ) This is useful when we need to pass variables and methods to react components which is embeded from props.children.

React.js

International phone number input for React.

Install If you’re not using a bundler then use a standalone version from a CDN. Use The component requires two properties to be passed: value and onChange(value). import ‘react-phone-number-input/style.css’import PhoneInput from ‘react-phone-number-input’ return (  <PhoneInput    placeholder=”Enter phone number”    value={ this.state.phone }    onChange={ phone => this.setState({ phone }) } />) value will be the parsed phone number, e.g. if a user chooses “United States” and enters (213) 373-4253 then value will be +12133734253. See the list of all available props for <PhoneInput/>. All other properties are passed through to the phone …

Discussion

MacOS Terminal to automate your process to run project

iTerm2 is a replacement for Terminal and the successor to iTerm. I think the most important feature for us is to split panes. We can split panes into multiple sections and run separate command in each pane. itermocil is to create pre-defined window/pane layouts and run commands in iTerm. We can automate our process to …