lorawan-stack icon indicating copy to clipboard operation
lorawan-stack copied to clipboard

Improve `<Form />` component

Open bafonins opened this issue 5 years ago • 0 comments

Summary

There a bunch of improvements we can implement for the <Form /> component.

Why do we need this?

Performance, UX improvements.

What is missing? What do you want to see?

  • [ ] Resolve https://github.com/TheThingsNetwork/lorawan-stack/blob/v3.10/pkg/webui/components/form/field/index.js#L128-L129
  • [ ] Update formik and yup to the latest versions.
  • [ ] Do not rerender all fields when processing a single input: ezgif com-video-to-gif(3)
  • [ ] Adjust field error/warning styles to avoid shifting all content below the errored field: ezgif com-video-to-gif(4)
  • [ ] Do not remove error messages after onBlur event on fields without any changes to the input before the next submission: ezgif com-video-to-gif(5)

How do you propose to test this?

Manual testing

Can you do this yourself and submit a Pull Request?

yes

bafonins avatar Nov 09 '20 10:11 bafonins