Professional Documents
Culture Documents
Forms in React can involve some boilerplate which people try to generalize themselves
or use 3rd party libraries to help with avoiding code duplication.
Additional concerns come into play when dealing with special use-cases where there
can be a huge number of elements on screen - say 1000-2000 or even more. (One
example could be an excel-like view of rows of objects and columns of fields).
Such a library would be careful in minimizing the amount of rendering and processing
that happens for each field on the form.
If you want to keep things flexible, your generalization would also cater to allowing
users to fully control the visuals of their elements.
The Assignment
Create a mini-library that will let us efficiently handle forms with a large number of
elements while staying flexible to user
Bonus
● Figure out a user-friendly solution that allows the user to specify validation
conditions on various fields.
● Show us that you can write unit tests for your code.
Notes
● You can use JavaScript or TypeScript - whichever you prefer. To save time, you
can bootstrap from the `create-react-app` project.
● You should not use any existing form library, but using utility libraries like lodash
is okay.
● Try and complete the assignment in the given time. It's totally fine if it's not
complete. We would love to see the assignment anyway.
● Prioritize your work - try to work on the most important features first to be able
to get to a working solution.