
I Let AI Code My React App. Here's What Happened
I gave Cursor free reign to build a React app. The result? Surprisingly solid code. The Setup I decided to build a project management app using Cursor (AI coding assistant). The goal: see how well AI can handle React state management. Challenge: Which state library would AI understand best? The Contenders Redux - Powerful but verbose Zustand - Minimal but simple MobX - Class-based but decorators easy-model - The unknown The Test I gave Cursor the same prompt for each: "Build a user management page with CRUD operations, search filtering, and pagination." Let's see what it generated. Redux Version Cursor generated: 3 action files 2 reducer files 1 selector file 1 hook file Component code Then it got confused. Which action does what? Where should this logic go? Result: ~300 lines, but messy. Zustand Version const useStore = create (( set ) => ({ users : [], loading : false , filter : "" , setUsers : ( users ) => set ({ users }), setFilter : ( filter ) => set ({ filter }), })); Clean, but
Continue reading on Dev.to React
Opens in a new tab


