Learn something new everyday

  • 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 […]

  • 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 […]

  • 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 […]

  • CSS Flip Animation for Font Awesome Icons

    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. […]

  • Flutter – Local push notifications

    Create a Flutter project To create a new project in Flutter execute the following command line in the terminal. We are using tryoutflutter as the project name. It will create a folder with the name of the project. Inside the project, the files structure should like this: Let’s look at the folders and files in […]

  • 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 […]

  • 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 […]

  • 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 […]

  • 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 […]

  • MojoFailureException: Fix Maven’s Compilation Failure:

    Today, I faced a compilation failure in Bitbucket pipelines for a simple Java project. The project compiles successfully in the local machine. The stack trace of the failure was not useful at all: The stack trace doesn’t report any file names or lines numbers. This means the compilation error is not with the source code […]

Have feedback?