Deal With Input Errors

I'm new to react native. I need to create the front-end part of an app used to manage products. In this app, a specific screen lets users add a 'new product'. I've almost finished

Solution 1:

I'd recommend using a form library to help you with state and validation. I personally like formik, but I've heard good things about react-final-form as well (both are compatible with React Native).

Libraries like this make it easier to manage validation and input state, because they manage the state for you and tell each of your fields whether they're valid or not (passing appropriate error messages if needed).

It's still up to you to build the UI that displays the errors, but having the logic taken care of is a huge help. The formik docs have some good examples showing you how you would achieve your goal of changing a field color to red if that field has errors.

There is a bit of a learning curve to understand how to use these libraries well, but it's well worth it in my opinion.