Autoplay
Autocomplete
Previous Lecture
Complete and Continue
React: The Complete Guide (Hooks, Context, Redux & 5 Apps)
Introduction
0. Introduction (3:31)
1. What is this course about (3:38)
2. Install Development Tools (8:04)
Main Concepts
3. Create Hello World App (4:46)
4. What is JSX (11:58)
5. Render Elements (4:04)
6. Create Components and Props (12:36)
7. Manage State and Lifecycle Methods (8:55)
8. Handle Events (15:19)
9. Render Elements Conditionally (18:24)
10. Render Lists (12:32)
11. Create Input Forms (22:53)
Todos App: Put Concepts Into Action
12. Introduction To Todo App (2:04)
13. Create React Todo App (1:50)
14. Build Main Component (5:23)
15. Build Create Task Component (10:01)
16. Make Task List Component (3:54)
17. Implement Delete Task (3:23)
18. Implement Edit Task (10:38)
19. Implement Toggle Task (6:12)
20. Add CSS Style (6:37)
21. Save Tasks By LocalStorage (3:02)
22. Conclusion (1:02)
Advanced Concepts
23. Use State Hook (11:39)
24. Use Effect Hook (15:20)
25. React Context (14:19)
26. Use Reducer Hook (17:57)
27. React Router (18:37)
React Blog App: Put advanced concepts into action
28. Introduction To React Blog App (3:22)
29. Create Layout (9:39)
30. Create Theme Context (11:57)
31. Define Routes (6:52)
32. List Posts By Reducer Hook (12:37)
33. List Users on Sidebar (7:17)
34. Create Post Details Page (16:41)
35. Filter Posts (18:04)
36. Create Login Page (20:08)
37. Authenticate Users (11:29)
38. [OPTIONAL] Create Backend API (20:10)
39. [OPTIONAL] Create Backend API - Part 2 (15:31)
40. Add Backend Server Switch Button (9:08)
41. Implement Create Post (17:30)
42. Update User Profile (22:26)
43. Create Register Page (5:32)
44. Persist Setting For Theme and Backend API (3:52)
45. Deploy on Heroku (18:15)
Tic Tac Toe Game: Use Reducer In Action
46. Introduction To Tic Tac Toe Game (0:47)
47. Create Game UI (15:41)
48. Add Logic To Game (18:49)
49. Publish Game On Github Pages (3:42)
Simple Shopping Cart : Use State Hooks
50. Introduction To Simple Shopping Cart App (2:09)
51. Create Basic Components (5:35)
52. Create Header Component (1:22)
53. Add CSS (3:41)
54. Create Main Component (2:25)
55. Add Sample Products (1:43)
56. Render Products (6:44)
57. Use Cart Items State Hook (7:19)
58. Show Cart Items (3:15)
59. Remove Item From Cart (2:53)
60. Calculate Cart Summary (4:08)
61. Show Cart Badge (1:45)
62. Add Checkout Button (1:18)
63. Conclusion (0:51)
Self Order Kiosk Like Mcdonald's: Use Context and Reducer Hooks
64. Introduction To Self Order Kiosk App (5:22)
65. Create Home Screen (16:04)
66. Create Choose Order Screen (20:30)
67. Create Backend Api For Categories (9:11)
68. List Categories in the Sidebar (13:50)
69. Create Product API (11:51)
70. List Products on Order Screen (12:51)
71. Add Remove Food to Order (19:24)
72. Create Review Screen (12:23)
73. Create Select Payment Screen (11:04)
74. Complete Order (14:38)
75. Publish to Heroku (14:49)
76. Create Admin Screen (17:58)
77. Create Queue Screen (9:15)
25. React Context
Lecture content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock