Smart Form Submissions: Only Send Changed Data with WebForms Core 2

#architecture #tutorial #performance #webformscore

As you know, we at Elanat are developing version 2 of WebForms Core technology with a focus on the developer experience. This version is supposed to be a milestone in simplifying and optimizing web development. As promised, we will introduce new features before the final release. This time it is one of the most practical and smartest features: not submitting unchanged data.

Why is this feature important?

In traditional web forms, when submitting data (in editing), all fields, even those that have not changed, are re-sent to the server. In large or repetitive forms, this behavior causes excessive bandwidth consumption, pressure on the server, and slows down the response speed. With WebForms Core and the "UseOnlyChangeUpdate" method, only changed fields are submitted, which optimizes performance and reduces resource consumption. This innovation is a powerful optimization that is in line with the performance needs of the modern web.

Calling

form.UseOnlyChangeUpdate("<form>");

With this one line, your form will only submit fields that have actually changed. Nothing more, nothing less.

Can you believe how easy it is to develop web pages using WebForms Core technology?

An example:

HTML

<form id="user-edit-form" method="put" action="/update-user">
  <input type="text" name="firstName" value="Emmanuel">
  <br>
  <input type="text" name="lastName" value="Sulewskii">
  <br>
  <input type="email" name="email" value="emmanuel@example.com">
  <br>
  <textarea name="description">Software engineer with 5 years of experience in web development.</textarea>
  <br>
  <button type="submit">Save Changes</button>
</form>

Server code

form.UseOnlyChangeUpdate("user-edit-form");

In this example, the "UseOnlyChangeUpdate" method in the WebForms class is called on the server, then the command to save the data is given to WebFormsJS and the data is automatically sent, including only the modified items.

Before this feature

Submit all fields
High bandwidth usage
Longer processing time

After this feature

Submit only changed fields
Optimized bandwidth usage
Shorter processing time

Performance impact:

📉 60-90% reduction in data volume submitted in large forms
⚡ Significant reduction in server CPU usage
🚀 Improved response speed on slow networks

Conclusion

This feature is not only a technical optimization, but also reflects the philosophy of WebForms Core: simplicity on the outside, intelligence on the inside. With WebForms Core, web development is not only faster and lighter, but also more enjoyable.

DEV Community