React separates concerns but it doesn't separate state and UI. It separates concerns through components but encourages tightly coupling relevant state and UI in

React separates concerns but it doesn't separate state and UI. It separates concerns through components but encourages tightly coupling relevant state and UI into components because a UI typically reflects changes in state (this is what JSX is for). The "Why JSX?" on React's docs covers this with more detail: https://reactjs.org/docs/introducing-jsx.html#why-jsx https://reactjs.org/docs/introducing-jsx.html#why-jsx