The author discusses the fundamental differences between attributes and properties in web development. They highlight how frameworks can sometimes blur the distinctions between the two, leading to confusion among developers. The key differences include HTML serialization, value types, and case sensitivity between attributes and properties. The author also delves into concepts such as reflection, naming differences, validation, type coercion, and defaults. They argue that attributes should be used for configuration, while properties should contain state. The author also touches on how different frameworks, such as Preact, VueJS, React, and lit-html, handle the differences between attributes and properties. Overall, the article provides a comprehensive overview of this technical topic.
https://jakearchibald.com/2024/attributes-vs-properties/