Ask HN: Is schema-driven UI worth it?

2 pointspercyalto1y ago1 comments

Hi HN, I'm looking for resources and advice on building a schema-driven user-interface.

I'm building a CRUD project management web app for construction (yes, I'm sure there's existing apps out there, but they're paying me to build a custom one). Currently, I'm using Django with DRF, React with MUI, and generating frontend OpenAPI endpoints using drf-spectacular.

When building the frontend, I originally designed it to be generated from the backend database structure because:

1) The database might change

2) I don't have to hard code the database structure on the frontend

For example, the `Employee` entity has properties like `email`, `first_name`, `last_name`, etc. The entity data and metadata (e.g., max character length of `email`) are sent to frontend components which then generates forms to create new employees and a data grid with employee information.

The alternative approach I can think of is to hard code each forms' fields and data grid columns on the frontend instead of receiving this information from the backend and then generating the forms and data grid.

I'm wondering if building an application with this schema-driven architecture is common? Will this solution be performant if I'm making requests to the backend for this information? I'm finding I'm spending a lot of time updating the metadata API endpoint and making the frontend components generalizable for edge cases.

1 comments

austin-cheney1y ago

You are going about this all wrong.

The front end should know nothing about the back end and the back end should know nothing about the front end. They are separate systems running independently on separate computers.

What you are doing is called tight coupling. https://cleancommit.io/blog/whats-the-difference-between-tig...

You want the flexibility to do anything you want with your data and simultaneously do anything you want with your front end. That means you can generate any queries you want against any shape of data you want without making any changes to the front end. Likewise, you want the ability to make any changes to the content that is displayed to the user and the ability for the user to interact with that content no matter what is happening with the data.

I was laid off from a project with tight coupling, exactly as you envision, last year and it was horrible. Clearly, that tightly coupled project was intentionally designed with tight coupling in mind because the people making those decisions were supremely insecure in their ability to write logic for the front end. They had no idea what they were doing, everything was scary, and just wished the front end logic auto-magically reflected the database world where they found comfort. If that is you then its rough times ahead.

j / k navigate · click thread line to collapse