React hooks are the most powerful feature introduced in React 16.8 which allows you to manage states and other React features without writing classes. In this article, I am going to explain you about the usage of useCallback hook with practical implementation.

usCallback hook is used to avoid unnecessary re-rendering in your code component which makes your application more faster and efficient.

First of all, let's go through the sample Todo app component and understand the problem and then we will move forward to see how useCallback resolve re-rendering problem.

const App = () => {const [text, setText] =…


Create React App is no doubt a very good toolkit to build a basic react application. You simply run a single command (npx create-react-app your-project-name)and it will setup the tools you need to start your React project. It is really helpful to start building react app for Beginners but as a Senior or Mid-Senior level developer you should have ability to create your own boilerplate. This article will teach you how to create your own boilerplate from base in react with typescript by using webpack.

Getting Started

Let's start by creating a new directory for our project

mkdir react-boilerplatecd…

Muhammad Ata

I am a Frontend Engineer having expertise in React.js. I learn concepts first and then try practical implementation on it.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store