I started 100 days of coding challenge when 2022 began and posted about it on Linkedin and boasted all over, however, you would notice that there are missing days, and I haven’t been posting here regularly. It’s because, I lost the motivation in posting about it, writing is hard! …

From the experience, what I have observed is we build technology to cater the needs of our users and business, we think everything is going fine, team is small and things will be ok as is. As organization starts growing, teams starts scaling, more teams starts getting formed, more products…

Yesterday, we got some 20–30 centimeters of snow and this is how it looked from my window. It was beautiful and everyone enjoyed it. Now comes the fun part, clearing the snow. My neighbour and I share the driveway, while I was wrapping my work I saw him cleaning my…

In previous episodes of react, we have learned how to pass props to the components. In this episode, we will see how could we pass the function as a prop to the child component. Without wasting much time, let’s straight away take a deep dive into code: At Line 10, we have created the function handleDeleteOptions, this function is being passed to the component of Options at Line 24. Component Options looks like this —

We call ReactDOM.render() whenever we want to update the UI with new state. When we load the page first time in the browser it’s ok to call ReactDOM.render() because it allows us to render everything that we want to load on UI. However, when you want to re-load only the…

Components are the base of React, everything we do in React is via component. As I was writing this article, I thought to why not to explain Components by taking the example of page on which I am writing. Different boxes on the above screenshot represents components, each serves its…

It is Day 8/100 today and I spent sometime in priming my knowledge on classes and objects of typescript and how it will be used by Components that I will be making and designing in the coming days. Coming to the heading part of this article, after I got my…

Synthetic — In day to day life we use this word to give the idea that its not “organic”, it’s a manufactured object. Similarly, React events are synthetic in nature, the reason being React wants to support cross-browser functionality. For example — if React had been using onClick() event which…

We have moved from Static UI to dynamic UI’s where we interact with the page, submit the forms, click on items to get more details and perform all sort of crazy stuff. It’s interactive, we do something and screen changes its state in respond to it. React makes our application…