In React components, I group related items and declare things in a consistent order.

My approach:
1. state
2. derived state
3. other hook calls
4. functions
5. jsx

I find grouping related things, and keeping them in this order helpful.

Here’s an example:

View original on X