React Paths

Understanding SVG ViewBox

While fully understanding how SVGs work is quite hard, and can be considered a “rare” skill, it can prove rather…

How to get HTTPS working in localhost development environment

Become a certificate authority (CA) like Let’s Encrypt, Verisign etc.. Issue yourself certificates for local development domains!

React Myths or Facts?

React with Script tag? Simple Css Classes? No webPack? On any existing Page? Copy the code at end and let’s check these…

Upgrade React Native project to 0.56

5 steps to upgrade React Native project to 0.56

So What is Compose again?

It’s a functional programming concept which is being used in javascript land.

Make a chain of functions with one function being argument for the function on left of it. first function — the right most one gets the arguments and it’s return value then…

So what’s Currying again?

> Take a function with multiple arguments and create as many functions as arguments

var person = function(name,profession) {
    console.log(name + " works as " + profession);
};
person("Joe"…

Convert React createClass to ES6 format in 4 steps

React is rally a fast moving target. After 0.13 & 0.14 release, there are big changes are in how we make the Component, how properties, state and the context needs to be handled in constructor. But the better thing is that now the syntax is…

React lifecycle in ES6 syntax

I had written an post which logged the lifecycle of a react component. Since React 0.14 using ES6 syntax is the way React team wants us to go. You will be seeing most of the new code in ES6 format.

Understand React by seeing it’s Lifecycle

React Component has a particular lifecycle in which number of methods gets executed depending on the state of application.

Single html file to check and play with