Design Patterns · Junior · Question 73 of 75

What is a config-driven (data-driven) UI?

const fields = [
  { name: 'email', type: 'email', required: true },
  { name: 'age', type: 'number' },
];

Explanation

It suits repetitive structures like forms or tables. For unique screens, plain components are easier to read.

Further reading

Problem with a question

Design Patterns · Junior · question 73

Test yourself

Take the Design Patterns · Junior quiz: questions and options are shuffled, and you get a review of your mistakes at the end.

Take this quiz