React Hooks - Building Real Project From Scratch
Getting started
Why hooks?
(08:48)
Project architecture
(04:59)
Bootstrapping project
(05:56)
Prettier
(04:10)
Setting up local API
(06:49)
Creating basic components
Installing router
(10:44)
Adding top bar
(11:47)
Rendering login page
(08:19)
Use state hook
(09:19)
Using state hook for login page
(06:01)
Introducing useEffect & improving authentication
Use ref
(04:45)
Use effect
(06:52)
Making fetch inside effect
(07:47)
Use fetch hook
(05:52)
Creating use fetch hook
(17:18)
Register page
(09:56)
Saving user token
(07:36)
Local storage custom hook
(08:53)
Exhaustive deps
(06:53)
Current user context
(11:51)
Validation errors
(10:09)
Fetching current user
(15:40)
Use callback hook
(06:14)
Creating feed
Improving topbar
(11:34)
Creating feed
(17:09)
Implementing pagination
(29:05)
Popular tags
(10:14)
Feed toggler
(08:53)
Implementing tag feed
(08:24)
Implementing your feed
(06: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
(08:36)
Next steps
Homework
(03:46)
Project architecture