https://fervent-edison-1c3e4e.netlify.com/Recent content on Arpan VaidyaHugo -- gohugo.ioen-usarpan.vaidya.tech@gmail.com (Arpan Vaidya)arpan.vaidya.tech@gmail.com (Arpan Vaidya)Wed, 06 Apr 2022 15:25:33 -0400https://fervent-edison-1c3e4e.netlify.com/posts/2022-04-06-ts-live-realod-vscode/Wed, 06 Apr 2022 15:25:33 -0400arpan.vaidya.tech@gmail.com (Arpan Vaidya)https://fervent-edison-1c3e4e.netlify.com/posts/2022-04-06-ts-live-realod-vscode/VS Code set up to live reload individual typescript based express apps within single repo With the advent of micro services, Many set ups have emerged to take an advantage of individual app development and deployment while sharing code between the apps. There are more than one way to approach it but the monorepo setup is the most common and most widely adopted solution to manage individually versioned apps into a single repository.https://fervent-edison-1c3e4e.netlify.com/posts/2020-06-06-promises-and-microtask/Sat, 06 Jun 2020 16:42:13 -0400arpan.vaidya.tech@gmail.com (Arpan Vaidya)https://fervent-edison-1c3e4e.netlify.com/posts/2020-06-06-promises-and-microtask/Promises execution order Before we dive deep into promises execution order, try to figure out the output of the following piece of code. console.log("Hello there"); setTimeout(function () { console.log('Hello - setTimeout'); }, 0); Promise.resolve() .then(function () { console.log('Hello - Promise 1 resolved'); }) .then(function () { console.log('Hello - Promise 2 resolved'); }); console.log("Good Bye"); The answer is Hello there Good Bye Promise 1 resolved Promise 2 resolved Hello - setTimeout Ever wondered how the javascript execution context decided to come up with this execution order?https://fervent-edison-1c3e4e.netlify.com/posts/2019-05-24-composition-with-mixins-in-typescript/Sun, 24 May 2020 16:03:52 -0400arpan.vaidya.tech@gmail.com (Arpan Vaidya)https://fervent-edison-1c3e4e.netlify.com/posts/2019-05-24-composition-with-mixins-in-typescript/What is mixin? Typescript introduced mixin pattern via mixin classes with this push Wikipedia defines mixin as followed Mixin programming is a style of software development, in which units of functionality are created in a class and then mixed in with other classes. Mixin is a composition pattern where a unit of functionality is injected in a class by a wrapper function or an object. In the typescript world, it usually contains a small class with a single behavior that wraps another class to extend the functionality or behavior.https://fervent-edison-1c3e4e.netlify.com/posts/2019-05-10-talking-to-stranger/Fri, 01 May 2020 21:24:42 -0400arpan.vaidya.tech@gmail.com (Arpan Vaidya)https://fervent-edison-1c3e4e.netlify.com/posts/2019-05-10-talking-to-stranger/Book Summary: Talking to Strangers Software construction, or any knowledge work which involves formulating something concrete out of loosely defined abstract ideas, is perhaps the most difficult endeavour for a software team. Most of the times, the final product fails to deliver and the scope creeps are frequent because a squad including product owner, software developers and everyone, thinks they understood what this user aka complete stranger wants but rarely is the case.https://fervent-edison-1c3e4e.netlify.com/posts/2018-08-21-javascript-generators-2/Sun, 23 Sep 2018 16:35:35 -0400arpan.vaidya.tech@gmail.com (Arpan Vaidya)https://fervent-edison-1c3e4e.netlify.com/posts/2018-08-21-javascript-generators-2/Asynchronous programming with Async/Await: This is the second post in the multi part series about understanding and using async/await. The second part tries to cover the asynchronous programming using async/await. Simple asynchronous function using Promise Imagine a piece of functionality that fetches the data and based on the returned result it get has to decide weather to get more information or return the current result const simpleRequest = () => { return getSomeData() .https://fervent-edison-1c3e4e.netlify.com/posts/2018-06-20-javascript-generators/Wed, 20 Jun 2018 00:00:00 +0000arpan.vaidya.tech@gmail.com (Arpan Vaidya)https://fervent-edison-1c3e4e.netlify.com/posts/2018-06-20-javascript-generators/Why we need Generators ? You may already know from /posts/2017-02-02-event-loop/ that that Javascript has an unique take on asynchronous processing and it’s never been easy to write clean succinct async code. Initially there were call backs. Need something to happen outside of execution context of javascript eventloop ? just use setTimeout and pass your callback function. Soon enough, people started abusing( and no mistake of their own as there wasn’t any alternative ) callbacks and turned it into a call back hell.https://fervent-edison-1c3e4e.netlify.com/pages/projects/Mon, 05 Feb 2018 15:04:49 -0500arpan.vaidya.tech@gmail.com (Arpan Vaidya)https://fervent-edison-1c3e4e.netlify.com/pages/projects/MeetupTube git : https://github.com/arpanoid/hobby-meetuptube demo : https://hobby-meetuptube-999b2.firebaseapp.com/ What problem does it solve ? I was looking for something which allows me to search meetup videos. At that time, I couldn’t find anything so thought, Why not build it as a side project. As a hobby project, my goal was also to learn about. Angular 4 Fundamentals of reactive programming Elm/Redux style message passing pattern for asynchronous programming. Angular Material CSS Grid ngRx firebasehttps://fervent-edison-1c3e4e.netlify.com/posts/2017-02-02-event-loop/Thu, 02 Feb 2017 00:00:00 +0000arpan.vaidya.tech@gmail.com (Arpan Vaidya)https://fervent-edison-1c3e4e.netlify.com/posts/2017-02-02-event-loop/What is Event Loop and why we need it ? There was a time when hardware resources were expensive, like “you can go broke” expensive. Developers had to manually manage the memory and do bunch of other stuff, which we take for granted today, to make sure the system works in that tiny resource requirement. People used to land on moon for 4kb-of-memory( Today you can’t even load that viral meme for that much ).https://fervent-edison-1c3e4e.netlify.com/pages/about/Mon, 01 Jan 0001 00:00:00 +0000arpan.vaidya.tech@gmail.com (Arpan Vaidya)https://fervent-edison-1c3e4e.netlify.com/pages/about/Full Stack Developer with the focus on Front End Technologies. My History Solved following problems using technology: Migrated legacy apps to Angular and recently to React. Built automation test library with Scala DSL. Abstracts front end/web complexities from quants ( tip: Read Flash Boys to understand these tech wizards casting their spell on wall street for profit. ) Involved in building firmwide component library in Angular, React and PureJS. FIX Connectivity with various financial institutions using JAVA.