Autoplay
Autocomplete
Previous Lesson
Complete and Continue
React Hooks - Building Real Project From Scratch
Getting started
Why hooks? (8:48)
Project architecture (4:59)
Bootstrapping project (5:56)
Prettier (4:10)
Setting up local API (6:49)
Creating basic components
Installing router (10:44)
Adding top bar (11:47)
Rendering login page (8:19)
Use state hook (9:19)
Using state hook for login page (6:01)
Introducing useEffect & improving authentication
Use ref (4:45)
Use effect (6:52)
Making fetch inside effect (7:47)
Use fetch hook (5:52)
Creating use fetch hook (17:18)
Register page (9:56)
Saving user token (7:36)
Local storage custom hook (8:53)
Exhaustive deps (6:53)
Current user context (11:51)
Validation errors (10:09)
Fetching current user (15:40)
Use callback hook (6:14)
Creating feed
Improving topbar (11:34)
Creating feed (17:09)
Implementing pagination (29:05)
Popular tags (10:14)
Feed toggler (8:53)
Implementing tag feed (8:24)
Implementing your feed (6:41)
Implementing article pages
Article page (14:18)
Use reducer (12:30)
Article form (24:45)
Create article (14:13)
Edit article (16:48)
Delete article (14:33)
Adding user pages
Settings page (30:58)
Add to favorites (18:54)
User profile page (15:38)
Implementing user articles (18:12)
Use effect callback (8:36)
Next steps
Homework (3:46)
Project architecture
Complete and Continue