Search for a command to run...
Hello there! I'm Ajinkya Chanshetty.
I have 8+ Years of experience in software development with Web UI technologies. My tech stack includes Front end technologies: HTML5, CSS3, Bootstrap, SCSS, JavaScript, ES6, TypeScript UI Frameworks: Angular V10,12,14 and ReactJS, Redux, NgRx, NextJS Server-side Programming languages: JAVA, NodeJS Database: MongoDB, MySQL Also have Strong Problem-Solving Skills, and knowledge of Data Structures, and Algorithms
No comments yet. Be the first to comment.
You might have noticed the different shades of the moon. There's that one bright full moon that comes once every month, and then, little by little, it starts fading every day. It happens all the time,
Sometimes, out of nowhere, nostalgia hits you. You could be sitting in your room, walking alone on a quiet evening, or listening to an old song, and suddenly the memories of your school days come rush
We’ve all had moments where we lose our cool. You’re mad, your heart’s pounding, and suddenly you say, “You never listen!” or “Why do you always screw up?” It feels like a relief for a second, like letting out a big breath. But then you see their fac...
Life has a funny way of teaching us things, especially through the people we meet and the friendships we make. One big lesson it teaches is about karma—what goes around, comes around. Your actions, your thoughts, everything comes back to you somehow....
This morning, I went to the bank. I had a small task to complete, and the staff asked me to sit for a while. As I sat there, I pulled out my phone and started scrolling aimlessly. I was only focused on my work at the bank—nothing more. I remembered h...
React has multiple ways to share data or stateful logic between components and Higher-order components are one of them. It can also be shared with render props, and context API as well. Also, there are multiple hooks such as useReducer, useContext, and so on.
Higher order function is basically a function that can take another function as a parameter and produces a resultant output. Some of the benefits of the HOCs are as follows:
HOCs do not modify or mutate the component but produce a new one.
It works like a pure function and does not cause any other side effects.
They provide a way for reusing the code when ES6 classes are used.
They don't have a method name clashing if two components are using same one.
Also, there are some limitations as well which are as follows:
Wrapping multiple HOCs to a single component increases the tree structure and can cause debugging difficult.
It can hoist the static methods from the wrapped components.
So, in the example, there are three components that have a common state, and manipulation of that takes place through the higher-order component.
In this example, Increment and decrement functions are defined in the HOC and even the state is also defined there itself which again is passed to others through props.
That's it, for now, hope you liked the code snippet and some of the important points about the HOCs. Happy Coding! Thank you.