Developing a clean architecture-inspired React application with MVVM
summary
Builds a working to‑do CRUD app using React, hooks and a clean-architecture-inspired layout: domain entities (Todo), use cases (get, create, update, delete), a repository that talks to a localStorage data source, and pages wired by view models. Uses a DI container (example library named in the repo) so view models receive use cases via injection, view models call use cases in useEffect and expose sorted lists and delete handlers. Code and template live at https://github.com/spaceteams/clean-architecture-inspired-react-template.
AI-written summary · about
chapters (7)
- 0:00Introduction
- 2:58Problems with React apps
- 4:45Clean architecture layers
- 7:55MVVM pattern benefits
- 10:45Setting up React app
- 13:34Project structure
- 16:19Data flow and repository
related talks
49mDeveloping a clean architecture-inspired React application with MVVM
30mClean coding with React in a nutshell
57mBuilding Scalable, Maintainable Apps Using TypeScript and React
53mReact - Say "No" to Complexity
28mLearn React Hooks By Building An Auth Based To Do App
30mTesting React Applications
38mMaintainable React
22mTips for a Clean, Complete React Stack