iTerm2 – Clear scrollback automatically on a schedule

iTerm2 is my default terminal and have been using it for close to 8 years now. It is highly customizable and has API support for hackability. I was using it today to run a webpack watch command on my 2nd monitor. For every change, webpack recompiles the modified files and adds it to the output.… Continue reading iTerm2 – Clear scrollback automatically on a schedule

Writing Effective Unit Tests with React and Enzyme

UNIT TESTING is a type of software testing where individual units or components of the software are tested. with this method of testing, both testers and developers can isolate each module, identity, and fix the system defects at the very early stage of the software development lifecycle(SDLC). Unit test is solely performed by developers. Why… Continue reading Writing Effective Unit Tests with React and Enzyme

Make your App Multi-lingual with React i18n Internationalization

Internationalization (i18n) is the process of building applications with local languages and cultural settings. An internationalized product solves the need of the local market with a more appropriate language approach and settings which in terms will produce greater user satisfaction and market success. i18n is usually misrepresented as Localization (L10n) and typically even Translation. i18n is development centered so within the case of software package, one… Continue reading Make your App Multi-lingual with React i18n Internationalization

Using tableLayout CSS property with TypeScript

Using table-layout property with React and TypeScript was giving a type error like below: ERROR in /var/jenkins/workspace/dev/resources/packages/sites/table.tsx [tsl] ERROR in /var/jenkins/workspace/dev/resources/packages/sites/table.tsx(79,25) TS2322: Type ‘{ padding: number; width: string; margin: string; tableLayout: string; }’ is not assignable to type ‘CSSProperties’. Types of property ‘tableLayout’ are incompatible. Type ‘string’ is not assignable to type ‘TableLayout’. This was… Continue reading Using tableLayout CSS property with TypeScript

CSS Flip Animation for Font Awesome Icons

This flip animation will be a perfect use-case for enable/disable UI actions. We’ll be using rotateY transform function to achieve this flip animation. Here is a simple HTML page with a few font awesome icons in both enabled and disabled states (we’ll be adding CSS for these states later) and jquery included for click actions.… Continue reading CSS Flip Animation for Font Awesome Icons

Push Notification in Flutter using Firebase

In this article, you will learn about how to integrate Firebase Cloud Messaging (FCM) with a Flutter mobile application. If you want to install Flutter in your environment follow this article: Flutter Setup Create Flutter project To create a new project in Flutter execute the following command line in the terminal. We are using tryoutflutter… Continue reading Push Notification in Flutter using Firebase

Flutter Setup

HelloWorld! In this article, you will learn about how to setup Flutter in Windows, Linux, and Mac OS through step by step simple procedure. Let’s get started, Prerequisites Android Studio X Code and CocoaPods only for Mac OS VS Code editor or any other editor. VS code editor is recommended because it has the Flutter… Continue reading Flutter Setup

Shrinking indices in Elasticsearch

The Problem Today, we started receiving the following error from our production Elasticsearch cluster when a new index was about to be created: The error description was obvious that we would breach the shard limit of 1,000 when creating a new index. Confirming the number from the error message using _cat/shards endpoint, we see that… Continue reading Shrinking indices in Elasticsearch

Static Websites with AWS CloudFront and S3

Why CloudFront & S3 is better for hosting static sites? AWS CloudFront is a CDN that can be used to serve static HTML sites backed by S3 storage. S3 storage is very cheap. Combined with CloudFront, you can make your sites serve in low latency speeds. Deploy to S3 and start CloudFront cache invalidation Why… Continue reading Static Websites with AWS CloudFront and S3