Angular 8 Reusable Loader/Spinner Component

I am a very impatient person. In fact, everyone is when it comes to interacting with a user interface. Everything needs to be snappy and visually intuitive. When a user clicks on something or if there’s anything happening in the application, they expect a visual indicator. If there’s no acknowledgment, you are all left to wonder if the button you just clicked did run something successfully or it crashed. This can be very irritating and that is why we need a spinner/loader.

It didn’t compel me to write my own spinner component at first. After all, why should one reinvent the wheel? Disappointment soon knocked my doors as I couldn’t find any library that would fulfill my needs. I needed a reusable spinner component that I could use inside any HTML element and would overlay the original contents of that element.

Continue reading…

Your Own Angular 8 Dynamic Modal Library

Who doesn’t need a nice modal library that supports dynamic components? There are tons of third-party libraries that let you create dynamic modals with dynamic contents. Some are robust but yet you’ll find yourself standing on a dead end at some point since almost all of such libraries have limitations when it comes to customization and sharing data between modal and base component.

I started off building my own library utilizing Angular Dynamic Components and Bootstrap Modal. The library may not be the ultimate champion but it surely is a fighter and it pretty much fulfills all the modal needs in my application.

Without any further ado let’s get started.

Continue reading…

Moto G5 Plus – Install Stock ROM 8.1.0 & Lock Bootloader

Custom ROMs are good for playing God with your phone. But, it will give you a hard time when you break something beyond the recovery point, trust me, I am telling this for a lot of experience. You might also want to sell your phone at some point for which you might need it to be in its default form.

So, let’s bring back your phone to its original avatar.

Continue reading…

Using Custom Icons Font Type with ‘react-native-elements’ Icon Component

React Native Elements uses react-native-vector-icons for making icon usage in components without having to re-implement Icon component.

Here’s how we’ve been using Icon component from react-native-elements:

import { Icon } from 'react-native-elements'

<Icon
  name='heartbeat'
  type='font-awesome' />

Pretty neat right?

Icons take the name of a material icon as a prop. However, react-native-elements allows us to override Material icons with one of the following: material-communityfont-awesomeocticonioniconfoundationeviliconsimple-line-iconzocial, or entypo by providing a type prop.

But, there might be cases when we’d want to use our own custom icons. Let’s see how we can achieve that.

Continue reading…

Setup Virtual Serial Ports Using tty0tty in Linux

Before starting off with this tutorial, let’s get on with a little bit of background on serial communication, null modems, and virtual ports.

A serial port (COM port) is an asynchronous port on the computer used to connect a serial device and capable of transmitting data one bit at a time or serially. Most serial ports on computers conform to the RS-232C or RS-422 standards. A serial port is a physical interface for communicating digital data between a DTE (Data Terminal Equipment) -usually your computer and a DCE (Data Communication Equipment) – your modem or another serial device. A standard RS-232 cable is used to connect a DCE device to a DTC device via their serial ports.
Continue reading…