> Markdown version of [/events/world-congress-2024/sessions/431-dos-and-don-ts-with](https://www.wearedevelopers.com/events/world-congress-2024/sessions/431-dos-and-don-ts-with). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# Dos and don'ts with react hooks. An opinionated approach


- **Date:** Friday, Jul 19, 2024
- **Time:** 15:40–16:10 (30 min)
- **Room:** STAGE 4 (500)
- **Event:** World Congress 2024

## Recording

[Watch recording](https://www.wearedevelopers.com/videos/957-dos-and-don-ts-with-react-hooks-an-opinionated-approach)

## Description

Function components on React introduced hooks, a completely different approach to how you deal with the component lifecycle. This has led to many discussions on when and where to use hooks.

What values should be memoized with useMemo? When is needed useCallback? What should go in the dependency array? Why using useReducer if it does the same as useState?
 
This talk tries to give a swallow look at the trade-offs of using different callbacks and advice on when to use them, with practical examples.

## Speaker

### [Daniel Espino Garcia](https://www.wearedevelopers.com/@daniel-espino-garcia)

Software Design Engineer at Mattermost


## Related talks at this congress

- [Rethinking React State Management: The Power of Built-In Solutions](https://www.wearedevelopers.com/events/world-congress-2024/sessions/379-rethinking-react) — Marc Brehmer
- [Common Mistakes in Vue.js and How to Avoid Them](https://www.wearedevelopers.com/events/world-congress-2024/sessions/201-common-mistakes-in) — danielkellyio
- [Bringing back reactivity in "reactive" frontend](https://www.wearedevelopers.com/events/world-congress-2024/sessions/143-bringing-back) — Michał Moroz
- [5 tips to know before building a design system](https://www.wearedevelopers.com/events/world-congress-2024/sessions/81-5-tips-to-know) — Dani Coll