IFCD0210 Sprint Backlog

ifcd0210
backlog

Sprint Backlog

Sprint Backlog

Sprint#07: React hooks II (January 2026)

Backlog Sprint#07 January 2026
# Day Date Topics Details Topics
07 22 26/01/2026 - Sprint#07: hooks & forms

- React:
(1) intro: Describing the UI: .jsx and what is a component
(2) Hooks: useState, useRef and useEffect
(3) maps & ES6
(4) render Cycle

- Traffic Lights:
(1) setTimeout
(2) useState phases (how to detect main state) variables
(3) useRef
(4) understand the render0 and the next 3 renders

- Forms: manage state
- React Principles

- Describing the UI
- Passing Props
- Conditional render
- Rendering lists
- Adding Interactivity



- TrafficLights
- basicRegisterForm

23 27/01/2026 - React:
(1) intro: Describing the UI: .jsx and what is a component
(2) Hooks: useState, useRef and useEffect
(3) maps & ES6
(4) render Cycle

- Traffic Lights:
(1) setTimeout
(2) useState phases
(3) useRef
(4) forms

++ Mutable vs Immutable Literal Objects & Array :
(1) Mutable: person.name = e.target.value;
(2) Immutable: setPerson ({...person, name : e.target.value})
- React Principles
- Describing the UI
- Adding Interactivity

- TrafficLights
- basicRegisterForm

- Copying objects with the spread syntax

- Updating Arrays in State

24 29/01/2026 - React:
(1) intro: Describing the UI: .jsx and what is a component
(2) Hooks: useState and useEffect
(3) maps & ES6
(4) Manage state & render cycle
(5) useEffect: with who is syncing </6> dependencies
- React Principles
- Describing the UI
- Adding Interactivity

- Semantic / Material / Tailwind / Shadcn-ui

25 30/01/2026 - React:
(1) intro: Describing the UI: .jsx and what is a component
(2) Hooks: useState and useEffect
(3) maps
(4) Manage state & render cycle
(5) useState with literal objects
(6) useEffect sync & axios

- React Principles
- Describing the UI
- Adding Interactivity
Note
  • --------- topic pending
  • - topic done in class
  • ++ new topic not planned
Back to top