Learn React Hooks By Building An Auth Based To Do App
summary
Builds an auth‑backed to‑do app using create‑react‑app with the TypeScript template and Bootstrap and reactstrap for styling and styled‑components for presentation, plus UUID for ids and JSONPlaceholder as a fake REST API. Implements concrete custom hooks like useAuthHandler (persists auth to localStorage) and useErrorHandler (auto clears after 3s), uses useReducer to add and toggle todos, uses useRef for the input and useEffect to fetch a random joke, and the demo successfully adds items and toggles complete.
AI-written summary · about
chapters (10)
- 0:00Intro
- 0:46What You Can Expect
- 0:56Clone Read
- 4:08Are there any rules?
- 4:41Use State Hook (useState)
- 7:49Use Custom Hook (use...)
- 11:50Use Context Hook (useContext)
- 16:26Use Effect Hook (useEffect)
- 19:14Use Ref Hook (useRef)
- 22:24Use Reducer Hook (useReducer)
related talks
56mWith great power comes great React hooks!
29mState Management with React Hooks
35mA Guided Tour of React Hooks
17mDeveloping a clean architecture-inspired React application with MVVM
17mReact hooks: the good, the bad and the ugly
22mI Am Hooked on React
27mEric Bishard - State Management with React Hooks
57mBuilding Scalable, Maintainable Apps Using TypeScript and React