const handleAddItem = () => { if(input.length>0){ setItems([...items,input]) setInput("") } };

I learned about using .trim() to prevent empty values from being added to the list. If the input is just spaces or empty, .trim() helps catch that and avoids unwanted list items. This was a helpful tip and a plus point for me.

There’s more than one way to set up an input limiter, but most of the logic stays fairly consistent—something like if (input.length > 0) { setItems([...items, input]); setInput(""); } does the trick well. This pattern is especially handy when working with UI frameworks or even testing in Los emuladores de Android to simulate input behavior dynamically.

This is a great project to practice building a simple React application! The requirements are clear, and it’s an excellent exercise for handling state, input fields, and user interactions. betbricks7.com