Our great sponsors
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
I don’t think you’ll get much cleaner than this with pure React, at least not without the cost of dirtying the context logic. But, there are lots of libraries that try to solve this problem, such as: https://github.com/pmndrs/jotai
Per the "Component Render Optimization Techniques" section of that post, if React sees that a specific element in the JSX output of a component is === to the same element the last time, it bails out of rendering. We've used this in React-Redux for years - here's the usage in connect right now.