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
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
Excited to share the latest web redesign projects for Codex⚡
The goal was to pair technical credibility with a more approachable, modern financial aesthetic while preserving the depth and complexity that make Codex a high-profile data provider.
The result is a visual direction designed to resonate across the spectrum, from crypto builders and neofinance founders to enterprise-scale exchanges like Coinbase. 💻
Love the logo on the keyboard key
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.
Created a straight-forward @Framer plugin, something I myself would use. In short: finds all images with missing Alt text.
In long:
✨ Alt text checks:
Missing alt text: Images with no alt attribute at all.
Empty alt text: Alt text is set to "". This is correct for decorative images, but worth checking when it is not.
Generic alt text: Vague descriptions such as “image” or a filename instead of meaningful text.
Duplicate alt text: Different images sharing the exact same alt text.
✨ Link text checks:
Empty link text: A link with no visible text at all.
Vague link text: Text such as “click here” or “read more” with no context.
Duplicate link text: Different links sharing the exact same visible text.
You can also choose to skip hidden layers, so your results reflect the content visitors can actually see.
Try out here: https://lnkd.in/eF5M8DNq 🤘
Checking for vague and duplicate link text on top of alt text is a nice touch, Arta. The option to skip hidden layers should cut a lot of noise from the results.