How can we get rid of the unnecessary renders on Child components when we pass in a function as a prop?
Let’s start with a simple example. We normally do this to handle an event.
const Parent = ()=> {
const [someVal, setSomeVal] = useState(null);
const eventHandler = ()=> {
handleTheOnClick(someVal);
}
return <Child onClick={eventHandler}/>
}Say the <Child> is a pureComponent and it will re-render itself only when one of the prop changes. But in the above case, Child will re-render every time the Parent changes, as Parent will re-initiate the eventHandler function on each render. This is not an efficient implementation, because, the eventHandler does the same thing on every render of Parent
But if you replace the implementation…
The other day I was trying to understand about different HTTP Cache headers and how it’s working. The answers I found was varied for different people. So I spend some hours reading some various articles and made this one. Correct me if I am wrong. Most of the ideas I got is from below article which is an archived blog.
Let’s say you hosted a website called ourfamily.com and you created the site in 1996. (When HTTP 1.0 introduced) Let’s say the site will let you log in with your username and password and will show you a beautiful family…
Everyone needs an online domain of their own in these days.
It was like years back, I started feeling like getting a domain with my name on it and setting up a page to showcase things about me. At that time I was excited about typing my name in the URL bar and a `.com` where I can see my photos and my name there. After I started my front end career 3 years back I understood the importance of that portfolio also. It highly affects your presence in the world of wide web.
The beginning
Some months back I bought the…
Well, I was hearing about these cool Progressive Web Apps (PWA for short) for sometimes. I stumbled upon them in some emails and blogs. So I thought about making a one just out of curiosity. So that I could learn them along the way.
The first step was about ‘what’. What to create? In this vast universe of JavaScript, everything we think of already created by some good men and most of the time we use them without even thanking them. The other drive for me to create a PWA was the same feeling that I never gave something back…
Asim KT
Front end engineer Quintype Inc.
