The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Last week I shipped a feature that sounded “tiny” on the ticket: inline comments + @mentions inside content. 🧠
Turns out it touched everything - permissions, notifications, deep links, UI states, edge cases… and the fun part: what happens when people edit the text after you’ve anchored a comment to it.
This is the kind of work I genuinely enjoy: taking a messy, interconnected flow and making it feel simple for the user 🚀
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
What if redesigning a page section took one sentence?
I took an exploration I did and gave it 4 notes in Cursor's Annotate.
I clicked or drew around each spot and typed what I wanted and the agent took it from there
Try Annotate on a page of your own and show me your before and after. I want to see what you change 🙌
Grab my face… gently! 😄 I made the About section on my site truye.me interactive: drag the photo and it reacts. Small playful details like this make a website memorable for visitors. What fun detail have you added to a site?
Such a playful About page.
12 React Form Mistakes That Frustrate Users 😤
Your React form looks perfect... until someone actually tries to use it!
Can't type? Data disappears? Submit button does nothing?
Here are 12 common React form mistakes every developer should avoid:
1️⃣ Starting inputs with undefined instead of ''.
2️⃣ Clearing all form data after a validation error.
3️⃣ Forgetting e.preventDefault().
4️⃣ Showing validation errors while users are still typing.
5️⃣ Not showing a loading state after clicking Submit.
6️⃣ Using array indexes as keys in dynamic fields.
7️⃣ Forgetting to connect labels with htmlFor and id.
8️⃣ Putting all form state into one big object.
9️⃣ Showing every error at the top instead of next to its field.
🔟 Forgetting onChange on controlled inputs.
1️⃣1️⃣ Using setValue() instead of reset() to set initial form values.
1️⃣2️⃣ Never testing forms with a keyboard.
Remember: A good form doesn't just work when users do everything right. It should also handle mistakes gracefully.
👉 Read the full article with examples and fixes:
https://blog.webdevlab.org/react-form-mistakes-frustrate-users
💬 Which of these React form mistakes have you made before?
#ReactJS #ReactDevelopment #JavaScript #FrontendDevelopment #WebDevelopment #ReactHookForm
Once you know what to avoid, part of the way is clearer.