How winterlood/onebite-react-v2 works
This repository is a chapter-by-chapter React course, not one deployable application. Its later chapters build example counter, todo, and diary apps; the diary is the richest end-to-end workflow: users navigate to create, view, edit, or delete entries, with app-level state and (in the later version) browser-local persistence. The graph emphasizes that diary workflow and preserves the course’s major learning branches. Page implementations beyond the sampled files are represented at their existing directories; relationships involving them are limited to routes explicitly shown by App.
Main entry points: App.jsx Diary App · Home.jsx Diary Home · New.jsx New Entry Page · Diary.jsx Entry Detail Page
Components 18
JavaScript and Node
- JavaScript Basics
section01 - JavaScript Advanced
section02 - Node.js Basics
section03
React Learning
- React Introduction
section04 - React Components and Hooks
section05
Practice Apps
- Counter App
section06 - Lifecycle Lessons
section07 - Todo App
section08 - Todo Variants
section09
Diary App
- Diary App
section12/chapter17/src/App.jsx - Diary Home
section12/chapter18/src/pages/Home.jsx - New Entry Page
section12/chapter17/src/pages/New.jsx - Entry Detail Page
section12/chapter17/src/pages/Diary.jsx - Edit Entry Page
section12/chapter18/src/pages/Edit.jsx - Not Found Page
section12/chapter17/src/pages/Notfound.jsx - Diary Components
section12/chapter17/src/components
Other components
- Browser Local Storage
- User
Connections 7
- Diary App → Diary Home: routes to
section12/chapter17/src/App.jsx - Diary App → New Entry Page: routes to
section12/chapter17/src/App.jsx - Diary App → Entry Detail Page: routes to
section12/chapter17/src/App.jsx - Diary App → Edit Entry Page: routes to
section12/chapter17/src/App.jsx - Diary App → Not Found Page: routes to
section12/chapter17/src/App.jsx - Diary App → Browser Local Storage: loads and saves
section12/chapter17/src/App.jsx - User → Diary App: uses