How sullaspqr/react-routing-poszt-komment works
This React app lets users browse comments and posts, open individual records, and create or edit comments. The entry point mounts the routed application; route components fetch or submit data directly to the external Sulla API and render results. The comment and post workflows are distinct, with detail views branching from their respective lists. The README mainly describes the starter template and routing setup; source excerpts establish the application behavior. The post-list and post-detail components were read, while other connections are based on the shown route table.
Main entry points: App.jsx Navigation and routes · Home.jsx Comment list · Posztok.jsx Post list · EgyKomment.jsx Comment detail
Components 10
Application routing
- Browser entry
src/main.jsx - Navigation and routes
src/App.jsx
Comment workflows
- Comment list
src/pages/Home.jsx - Comment detail
src/pages/EgyKomment.jsx - Create comment
src/pages/UjKomment.jsx - Edit comment
src/pages/ModKomment.jsx
Post browsing
- Post list
src/pages/Posztok.jsx - Post detail
src/pages/EgyPoszt.jsx
Other components
- Visitor
- Sulla API
Connections 17
- Visitor → Browser entry: opens app
src/main.jsx - Browser entry → Navigation and routes: mounts
src/main.jsx - Navigation and routes → Comment list: routes to
src/App.jsx - Navigation and routes → Comment detail: routes to
src/App.jsx - Navigation and routes → Create comment: routes to
src/App.jsx - Navigation and routes → Edit comment: routes to
src/App.jsx - Navigation and routes → Post list: routes to
src/App.jsx - Navigation and routes → Post detail: routes to
src/App.jsx - Comment list → Sulla API: fetches comments
src/pages/Home.jsx - Comment detail → Sulla API: fetches comment
src/pages/EgyKomment.jsx - Create comment → Sulla API: creates comment
src/pages/UjKomment.jsx - Edit comment → Sulla API: loads and updates
src/pages/ModKomment.jsx - Post list → Sulla API: fetches posts
src/pages/Posztok.jsx - Post detail → Sulla API: fetches post
src/pages/EgyPoszt.jsx - Comment list → Comment detail: links to detail
src/pages/Home.jsx - Comment list → Edit comment: links to edit
src/pages/Home.jsx - Post list → Post detail: links to detail
src/pages/Posztok.jsx