Performance Problems with Inputs

[Jean Caiza]

Hello team,

I have a question about how to map inputs (TexBox, Numeric, DateTime, etc) without a performance problem occurring, since it is to be able to implement it in dynamic forms and some may contain > 100 fields, I leave an implemented example of how we use the fields for the forms for your observation

https://codesandbox.io/s/dreamy-davinci-p1h6u0?file=/src/App.js

sometimes there is a performance problem when there are less than 100 fields, but you can't see that in the example.

I will be very grateful for your answer

[Sureshkumar P]

Hi Jean,

When validating the reported performance delay to our input components like textbox and datepicker component. The reported performance delay is not a delay of the component rendering because the same time has taken native input and datepicker component rendering.

Find the performance matrix with or without component rendering using properties maximum component count is 300.

Component Name	Native component with property time taken in milliseconds	Syncfusion components with property time taken in milliseconds
Textbox	5 [value and max]	7  [cssclass and  floatlabeltype]
Datepicker	8 [value and step]	7 [cssclass and floatlabeltype]

Component Name	Native component without property time taken in milliseconds	Syncfusion components without property time taken in milliseconds
Textbox	3	4
Datepicker	3	4

Find the validated sample here: https://codesandbox.io/s/intelligent-hermann-z2tqb0

Regards,

Sureshkumar P

[Jean Caiza]

Thanks for reply,

what about for NumericTextbox, DropdoownList, DatePicker, DateTimePicker, Select, ...etc (any component that is type field or input)

[Sureshkumar P]

Jean, all our components have more features than native components and the rendering time is similarly same or just increases the time compare with native components. So, if you have faced more performance delay then share your exact rendering platform with any time difference compare with native or other components. Based on your update will validate and update the exact solution as earlier as possible.