Maintainability
React shines great in this section, since it neatly organizes the application into states and corresponding JSX elements grouped as components. In the ToDo list app, we only used a single stateful component. But we can divide its JSX into smaller stateless child components too. This means any modification in the child components will not affect the parent. Therefore, the core functionality will not get affected even if we modify what the list looks like.
Check out the JSFiddle at: https://jsfiddle.net/7s28bdLe/, where I have organized the list items in a ToDo list as smaller child components.
This is really useful in a team environment, where everyone can create their own components and they can be easily reused by others, ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access