Using Reactjs to solve our daily problems
summary
Live-coding builds a small shopping-cart helper that runs at ind83.csb.app and demonstrates selection toggles, a filtered “shopping” view with checkboxes and strikethrough, and state-held selected-item arrays that add and splice correctly. Code uses react.new + Bootstrap 4.16 + node-sass and organizes items in a constants file, maps them into list-group components, and toggles selection with setState. The demo works live, the video is 45 minutes plus Q&A, and routing/when-to-use-React is discussed.
AI-written summary · about
chapters (13)
- 0:00Introduction and speaker intro
- 1:25Problem solving with React
- 3:11Setting up React environment
- 7:49React components and JSX
- 10:36Using SCSS for styling
- 17:22Building the shopping cart header
- 19:53Managing state and grocery items
- 23:15Displaying grocery list with Bootstrap
- 25:22Handling item selection
- 31:05Toggling between pages
- 36:13Marking items as purchased
- 39:03Live demo of the app
- 40:29Q&A and development roadmap
