May 9, 2021Are you sure you know how an event propagates in JavaScript?Events are everywhere in web programming — input change, mouse move, button click, and page scroll are all forms of events. These are the actions that get generated by the system so that you can respond to them however you like by registering event listeners. This results in an interactive experience…JavaScript5 min readJavaScript5 min read
Oct 18, 2020An Easy Explanation to Prototypal Delegation in JavaScriptJavaScript language stands on two pillars: functional programming and prototypal delegation. The addition of classes in JavaScript is mere a syntactic sugar to give it Object-oriented programming feel: unwrap them and you will find functions inside. Prototypal Delegation Prototypal delegation is all about delegating the responsibility to the prototype higher up in…JavaScript3 min readJavaScript3 min read
Jun 26, 2020What’s the deal with Object.prototype.hasOwnProperty.call()?I am sure you might have seen the following line of code either while reading someone’s code or in a library. Object.prototype.hasOwnProperty.call(objRef, ‘propName’); And now you are wondering what on earth this code is doing. You start doubting your JavaScript skills. Don’t worry. You are at the right place. 😃 …Prototype Chain4 min readPrototype Chain4 min read
Jul 1, 2019Why Effects shouldn’t lie about their dependenciesFor a long time React developers have been inventing and sharing different patterns of reusing code logic — Higher order component and render props are to name a few. It was because React had no stateful primitive simpler than class component. Finally, the advent of hooks into the React ecosystem…JavaScript9 min readJavaScript9 min read
May 26, 2019Unknown gems of debugging 💎 💎Anything that cuts some of your arduous task time is good for your productivity. Debugging is one of those strenuous tasks. Developers strive to write bug-free code, but we all know that it’s not easy. No one likes to see bugs in their code — those red color lines are…JavaScript8 min readJavaScript8 min read
May 12, 2019Lexical Environment — The hidden part to understand ClosuresClosures can be a daunting concept when you are new to JavaScript world. Scouring the internet will give you tons of definition about what closure is. But I have felt that mostly these definitions are vague and don’t explain the fundamental cause of their existence. Today we will try to…JavaScript6 min readJavaScript6 min read
Mar 21, 2019So you think you know JavaScript?JavaScript is an interesting language and we all love it because of its nature. Browsers are the home for JavaScript and both work together at our service. JS has a few concepts where people tend to take it lightly and sometime may tumble over. Concepts like prototyping, closures and event-loops…JavaScript6 min readJavaScript6 min read
Dec 12, 2018Why do we need to bind methods inside our component’s constructor?We all know that in order to pass a function as props to the child component we have to do one of the following: Bind it inside the constructor function. Bind it inline (which can have some performance issues). Use arrow function (which is the same as property initializer syntax). …JavaScript3 min readJavaScript3 min read
Dec 6, 2018How to write 90% cleaner code with Hooks 🎣The year 2018 brought a lot of new features into the React Ecosystem. The addition of these features is helping developers to focus more on user experience rather than spending time writing code logic. It seems that React is investing more towards a functional programming paradigm, in a search of…React6 min readReact6 min read
Oct 28, 2018PureComponent CaveatsExtending your class components from PureComponents gives you the benefit of avoiding wasteful re-renders. It does a shallow comparison of your new props/state with previous props/state and returns true if a re-render is required; otherwise, returns false. …JavaScript4 min readJavaScript4 min read
