2023-05-16
4472
#react
Peter Ekene Eze
10577
May 16, 2023 â‹… 15 min read

Building reusable UI components with React Hooks

Peter Ekene Eze Learn, Apply, Share

Recent posts:

JavaScript Loops Explained, And Best Practices

JavaScript loops explained, and best practices

JavaScript loops like for, for...of, and for...in are constructs that help run a piece of code multiple times.

Rahul Padalkar
Jun 23, 2025 â‹… 8 min read
8 Reasons Your Next.js App Is Slow — And How To Fix Them

8 reasons your Next.js app is slow — and how to fix them

You don’t need to guess what’s wrong with your Next.js app. I’ve mapped out the 8 biggest performance traps and the fixes that actually work.

Chizaram Ken
Jun 20, 2025 â‹… 16 min read
how to truncate text in CSS (single and multi-line)

How to truncate text in CSS (single and multi-line)

Learn how to truncate text with three dots in CSS, and use two reliable CSS text truncation techniques while covering single-line and multi-line truncations.

Chinedu Okere
Jun 20, 2025 â‹… 10 min read
how to use the Interest Invoker API for better, more accessible UX

How to use the Interest Invoker API for better, more accessible UX

Explore how to use Google’s new experimental Interest Invoker API for delays, popovers, and smarter hover UX.

Emmanuel John
Jun 19, 2025 â‹… 7 min read
View all posts

3 Replies to "Building reusable UI components with React Hooks"

  1. There is more wrong things and anti patterns. for example this useEffect

    useEffect(() => {
    setTimeout(() => {
    setShow(false);
    }, 3000);
    });

    where is return statment for this setTimeout , or value depenedency. Come on, it will run every component update. You dont want this defenietly..

Leave a Reply