React Native is gaining popularity these days and many people try to create React Native components out of their existing React ones. This process is not always straightforward so we have created some quick tips to make the migration smooth and error-free.

The first and most important step in migration…


Simple Tricks and Tips to use Styled-Components in a better way.

In styled-components, we can get access to the props of the component and create dynamic styles as follows.


3 Minute React is a new series in which we will cover interesting and not so common thing in React. In this article we will see how to achieve synchronous behavior in setState and avoid batching of multiple setStates.

Link to the youtube tutorial:

In general, we don’t mutate…


This is a second part of two part series about Prototypal inheritance in Javascript. You can find the previous part here.

As we all know, the instanceof operator returns true if an object is a instance of a class/ function (ES5) and vice versa. …


Prototypal Inheritance is still a not much explored space in JavaScript by many developers and holds a important place in the learning curve of the language. This article will be a brush up on this space covering various topics on high level.

  1. Prototype chain
  2. Prototype Delegation through New Keyword
  3. For…


NextJS may be the new Sensation in the UI world. It is a bunch of Web tools that let us start building an application in a very short span of time. It comes with a lot of advantages. People aware of NextJS may dive directly into the Migration part.

NextJS…


Animations have become an inseparable part of the web. Though it has a positive effect on the UX, it undeniably affects the performance when not implemented properly. In this article, we will compare and contrast the three ways of animations using JavaScript.

Conventional Animations

requestAnimationFrame

Element.animate()

Please check the below…


With JavaScript Release 1.8.5, we are in a situation to watch our tails when we use JSON.parse(). The following feature may not be a game changer, but if not properly taken care, might end up being lethal to the application.

Trailing commas:

It is considered to add Trailing comma during object creation…


Generally, we get to deal with nested objects with higher depths as well. It becomes really challenging to check if they exist or undefined. At times such mistakes may break the UI as well. If we go for nested checks, the code looks clumsy. …


We had to build a Web app in NodeJS/Express + React/Redux + MongoDB. In the app, we planned to integrate multiple payment options like PayTM, PayUMoney, and CCAvenue. While we had no issues with PayTM integration (Their docs were clear), We really had really tough time with PayUMoney integration. Their…

Vilva Athiban P B

6+ years of Experience in React-Redux / NodeJS / GraphQL / TypeScript. https://vilvaathiban.com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store