Published inOmio Engineering·Jan 10, 2020React to React Native: Tips and tricks for your journeyReact 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 Native5 min readReact Native5 min read
Nov 19, 2019Member-onlyReact 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.React3 min readReact3 min read
Jan 27, 20193 Minute React : Secret behind setState3 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…React2 min readReact2 min read
Oct 14, 2018JavaScript — A Deep dive into Prototypal InheritanceThis 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…JavaScript4 min readJavaScript4 min read
Oct 14, 2018JavaScript — A Brush up on Prototypal InheritancePrototypal 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…JavaScript4 min readJavaScript4 min read
Sep 27, 2018Member-onlyNextJS — Convert Client-Side React app to Server-side Rendering in 5 minsNextJS 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…React5 min readReact5 min read
Sep 16, 2018Member-onlyJavaScript Animations — Element.animate vs requestAnimationFrame vs Conventional AnimationAnimations 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…CSS2 min readCSS2 min read
Sep 7, 2018Member-onlyJSON.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…JavaScript2 min readJavaScript2 min read
Jul 19, 2018JavaScript — Nested ObjectsGenerally, 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…JavaScript1 min readJavaScript1 min read
Jan 18, 2018Member-onlyNodeJS / ReactJS: Payment Integration with PayUMoneyWe 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…Payumoney5 min readPayumoney5 min read
