Even if you use useCallback here, the button will re-render. useCallback doesn't prevent re-render in this case. - Nadia Makarevich - Medium

Wait, so why exactly is this is a bad practice?

Alvaro Mendez

Nadia Makarevich

Jun 20, 2022

--

Even if you use useCallback here, the button will re-render. useCallback doesn't prevent re-render in this case.

Nadia Makarevich

Written by Nadia Makarevich

Frontend architect, coder. https://www.developerway.com. Advanced React book: https://www.advanced-react.com

More from Nadia Makarevich

How to fetch data in React with performance in mind

Nadia Makarevich

How to fetch data in React with performance in mind

Deep dive into data fetching in React. What is performant react app, fundamental patterns and techniques, react lifecycle and browser…

21 min readOct 11, 2022

--

9

React re-renders guide: preventing unnecessary re-renders

Nadia Makarevich

React re-renders guide: preventing unnecessary re-renders

Most important patterns that can prevent React components re-renders

8 min readAug 17, 2022

--

8

Fantastic closures and how to find them in React

Nadia Makarevich

Fantastic closures and how to find them in React

Deep dive into closures in JavaScript and React: how they appear, why we need them, what stale closures are, and how to fix them in React

16 min readAug 17

--

8

Why Custom React Hooks Could Destroy Your App Performance

Nadia Makarevich
in
JavaScript in Plain English

Why Custom React Hooks Could Destroy Your App Performance

Exploring why React custom hooks could be bad for react performance and what to do about it.

11 min readJan 25, 2022

--

7

See all from Nadia Makarevich

Recommended from Medium

What do you do when you disagree with your manager or someone senior to you? Do you voice your opinion or do you choose to keep quiet? Speaking truth to power is a rare skill. Telling someone above you that they’re wrong requires courage and confidence. Holding your tongue and staying silent or nodding your head in agreement even when you disagree definitely feels safe. It doesn’t require fighting your fears or going against your instinct.

Vinita
in
Better Programming

How To Disagree With Someone More Powerful Than You

Disagreements can save time and energy by preventing critical mistakes and course correcting before it’s too late

9 min readSep 18

--

30

A digital illustration of a lavender uppercase letter A emerging from a mountain of blue, pink, yellow, and black against an orange background. White silhouettes of people are at the base and summit of the mountain, and the crossbar of the letter A.

Adobe Design
in
Thinking Design

How to choose fonts for responsive web interfaces

A checklist for making good type decisions for user interfaces

9 min readSep 26

--

2

Lists

Staff Picks

460 stories316 saves

Stories to Help You Level-Up at Work

19 stories235 saves

Self-Improvement 101

20 stories643 saves

Productivity 101

20 stories595 saves

Top 10 Tips To Optimise Your React Application

Shubham Gupta

Top 10 Tips To Optimise Your React Application

Because changing the actual DOM is costly, React uses the concept of a virtual DOM to lessen the performance cost of re-rendering a…

7 min readMay 19

--

2

A person on a forest trail that splits in two

Daniel Berryhill
in
UX Collective

Disabling text boxes: why it’s a bad idea and what to do instead

Why do we disable text boxes? Obviously, we don’t want the user to be able to change the values.

14 min readSep 24

--

1

Designers are getting creative with their error messages

Incharaprasad
in
Kubo

Designers are getting creative with their error messages

Here’s 7 ways in which the errors are being displayed

5 min readApr 20

--

1

Supercharge Your React Components with This Powerful Pattern

miroiu-dev
in
Stackademic

Supercharge Your React Components with This Powerful Pattern

By adopting this pattern, you can enhance the performance and flexibility of your React components, reaping numerous advantages. However…

3 min readAug 26

--

See more recommendations

Help
Status
Writers
Blog
Careers
Privacy
Terms
About
Text to speech
Teams