Open in app

Sign In

Write

Sign In

Vilva Athiban P B
Vilva Athiban P B

113 Followers

Home

About

Published in Omio Engineering

·Jan 10, 2020

React to React Native: Tips and tricks for your journey

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. 1. Replace HTML elements with React Native components The first and most important step in migration…

React Native

5 min read

React to React Native: Tips and tricks for your journey
React to React Native: Tips and tricks for your journey
React Native

5 min read


Nov 19, 2019

React Styled-Components: A smart way (Also React Native)

Simple Tricks and Tips to use Styled-Components in a better way. 1. Props at the component level In styled-components, we can get access to the props of the component and create dynamic styles as follows.

React

3 min read

React-Styled Components: A smart way
React-Styled Components: A smart way
React

3 min read


Jan 27, 2019

3 Minute React : Secret behind setState

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…

React

2 min read

3 Minute React : Secret behind setState
3 Minute React : Secret behind setState
React

2 min read


Oct 14, 2018

JavaScript — A Deep dive into Prototypal Inheritance

This is a second part of two part series about Prototypal inheritance in Javascript. You can find the previous part here. 5- Instanceof Operator: As we all know, the instanceof operator returns true if an object is a instance of a class/ function (ES5) and vice versa. Lets have a look at below…

JavaScript

4 min read

JavaScript — A Deep dive into Prototypal Inheritance — Part 2
JavaScript — A Deep dive into Prototypal Inheritance — Part 2
JavaScript

4 min read


Oct 14, 2018

JavaScript — A Brush up on Prototypal Inheritance

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. Topics to be covered: Prototype chain Prototype Delegation through New Keyword For…

JavaScript

4 min read

JavaScript — A Brush up on Prototypal Inheritance
JavaScript — A Brush up on Prototypal Inheritance
JavaScript

4 min read


Sep 27, 2018

NextJS — Convert Client-Side React app to Server-side Rendering in 5 mins

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. What is NextJS? NextJS…

React

5 min read

NextJS — Convert Client-Side React app to Server-side Rendering in 5 mins
NextJS — Convert Client-Side React app to Server-side Rendering in 5 mins
React

5 min read


Sep 16, 2018

JavaScript Animations — Element.animate vs requestAnimationFrame vs Conventional Animation

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…

CSS

2 min read

JavaScript Animations — Element.animate vs requestAnimationFrame vs Conventional Animation
JavaScript Animations — Element.animate vs requestAnimationFrame vs Conventional Animation
CSS

2 min read


Sep 7, 2018

JSON.parse() — Watch your Tail.

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…

JavaScript

2 min read

JSON.parse() — Watch your Tail.
JSON.parse() — Watch your Tail.
JavaScript

2 min read


Jul 19, 2018

JavaScript — Nested Objects

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. The following package comes in handy…

JavaScript

1 min read

JavaScript

1 min read


Jan 18, 2018

NodeJS / ReactJS: Payment Integration with PayUMoney

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…

Payumoney

5 min read

NodeJS / ReactJS: Payment Integration with PayUMoney
NodeJS / ReactJS: Payment Integration with PayUMoney
Payumoney

5 min read

Vilva Athiban P B

Vilva Athiban P B

113 Followers

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

Following
  • Roy Derks (@gethackteam)

    Roy Derks (@gethackteam)

  • Juliemar Berri

    Juliemar Berri

  • Narendra Sisodiya

    Narendra Sisodiya

  • Ghost Together

    Ghost Together

  • Ishwar Rimal — @theHumbleBeing

    Ishwar Rimal — @theHumbleBeing

See all (83)

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech