Angular – dirty and touched

Why check dirty and touched? You may not want your application to display errors before the user has a chance to edit the form. The checks for dirty and touched prevent errors from showing until the user does one of two things: changes the value, turning the control dirty; or blurs the form control element, setting the control to touched. You can …

Git Tower

Over 100,000 developers and designers are more productive with Tower – the most powerful Git client for Mac and Windows. Drag and Drop • Undo everything • A unique Conflict Wizard • File history • Extensive documentation • Great customer support… Tower helps you master version control with Git. The brand new Quick Actions dialog gives you superpowers: Give it a branch name and it will …

Keycloak

Keycloak is open source identity and access management for modern applications and services. Add authentication to applications and secure services with minimum fuss. No need to deal with storing users or authenticating users. It’s all available out of the box. You’ll even get advanced features such as User Federation, Identity Brokering and Social Login. For …

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 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.

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 …

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 …