| 1. Introduction/1. Course Introduction.mp4 |
48.53MB |
| 1. Introduction/2. Setup (Browser, VS Code Extensions, Prettier, Prisma, NodeJS, Git, GitHub).mp4 |
61.90MB |
| 1. Introduction/3. Is an AI Copilot (example GitHub Copilot) a necessity for this course.mp4 |
28.35MB |
| 1. Introduction/index.png |
444.40kB |
| 2. Beginner React & JavaScript/4. Starting a New React Project.mp4 |
8.06MB |
| 2. Beginner React & JavaScript/5. Vite React App (Fresh Install Lookaround).mp4 |
49.31MB |
| 2. Beginner React & JavaScript/6. JSX Fundamentals for React.mp4 |
29.55MB |
| 2. Beginner React & JavaScript/7. Components in React.mp4 |
30.34MB |
| 2. Beginner React & JavaScript/8. Anatomy of a React Component (Props, Event Handlers, Hooks).mp4 |
99.59MB |
| 2. Beginner React & JavaScript/9. The useState Hook & What is 'Rendering'.mp4 |
78.93MB |
| 2. Beginner React & JavaScript/10. The useEffect hook.mp4 |
42.16MB |
| 2. Beginner React & JavaScript/11. JavaScript Fundamentals for React.mp4 |
146.30MB |
| 2. Beginner React & JavaScript/12. CSS Fundamentals for React.mp4 |
82.41MB |
| 2. Beginner React & JavaScript/13. Modern JS & DOM Fundamentals.mp4 |
546.63MB |
| 2. Beginner React & JavaScript/index.png |
441.31kB |
| 3. Project Fancy Counter/14. Fancy Counter Intro.mp4 |
10.28MB |
| 3. Project Fancy Counter/15. Fresh React Vite Install (Lookaround).mp4 |
204.54MB |
| 3. Project Fancy Counter/16. Split up the App into components.mp4 |
146.18MB |
| 3. Project Fancy Counter/17. Component fundamentals.mp4 |
145.91MB |
| 3. Project Fancy Counter/18. Div vs Fragment.mp4 |
25.55MB |
| 3. Project Fancy Counter/19. Styling our app and adding icons + font.mp4 |
171.77MB |
| 3. Project Fancy Counter/20. Count State (useState, 'Rendering', 'Lifting state up', functional setState).mp4 |
154.45MB |
| 3. Project Fancy Counter/21. Event Handler Functions in React.mp4 |
29.27MB |
| 3. Project Fancy Counter/22. Reset Button.mp4 |
6.52MB |
| 3. Project Fancy Counter/23. Inline vs Extracting Event Handler Functions.mp4 |
16.84MB |
| 3. Project Fancy Counter/24. Create 1 Reusable Button Component.mp4 |
78.73MB |
| 3. Project Fancy Counter/25. Conditional Rendering (Ternary Operator vs Logical && Operator).mp4 |
12.70MB |
| 3. Project Fancy Counter/26. Finish Refactoring Reusable Button Component.mp4 |
19.62MB |
| 3. Project Fancy Counter/27. Bottom Limit.mp4 |
9.75MB |
| 3. Project Fancy Counter/28. Upper Limit (Derived State, Manipulate CSS).mp4 |
89.02MB |
| 3. Project Fancy Counter/29. Spacebar to Increment.mp4 |
135.48MB |
| 3. Project Fancy Counter/30. Prop Drilling (Solution Children Composition).mp4 |
54.07MB |
| 3. Project Fancy Counter/31. Recap Most Important React Concepts from this project.mp4 |
9.64MB |
| 3. Project Fancy Counter/index (1).png |
421.67kB |
| 3. Project Fancy Counter/index (2).png |
503.25kB |
| 3. Project Fancy Counter/index (3).png |
611.26kB |
| 4. Project Word Analytics/32. Word Analytics Intro.mp4 |
7.86MB |
| 4. Project Word Analytics/33. Setup (Build a React App from Scratch).mp4 |
160.81MB |
| 4. Project Word Analytics/34. Handle events (Change Event).mp4 |
41.45MB |
| 4. Project Word Analytics/35. Uncontrolled vs Controlled (Textarea).mp4 |
61.48MB |
| 4. Project Word Analytics/36. Basic Validation.mp4 |
122.18MB |
| 4. Project Word Analytics/37. Reusable Component (Warning Component).mp4 |
52.24MB |
| 4. Project Word Analytics/38. You don't always need to add more useState.mp4 |
33.56MB |
| 4. Project Word Analytics/39. Finish validation (Remove Warning).mp4 |
16.81MB |
| 4. Project Word Analytics/40. Stats Section (JSX Markup).mp4 |
18.30MB |
| 4. Project Word Analytics/41. Reusable Component (Stat Component).mp4 |
59.13MB |
| 4. Project Word Analytics/42. Derived State (numberOfCharacters).mp4 |
54.50MB |
| 4. Project Word Analytics/43. Lifting state up.mp4 |
65.92MB |
| 4. Project Word Analytics/44. Other Stats Data (Derived State).mp4 |
39.12MB |
| 4. Project Word Analytics/45. Combine Props into 1 Prop Object.mp4 |
29.18MB |
| 4. Project Word Analytics/46. Manipulate CSS in React.mp4 |
30.88MB |
| 4. Project Word Analytics/47. Extract Constants into a Separate File.mp4 |
21.58MB |
| 4. Project Word Analytics/48. Folder Structure.mp4 |
32.41MB |
| 4. Project Word Analytics/index (1).png |
559.32kB |
| 4. Project Word Analytics/index (2).png |
522.62kB |
| 4. Project Word Analytics/index (3).png |
452.45kB |
| 5. Intermediate React & JavaScript/49. Arrays (Intermediate).mp4 |
66.89MB |
| 5. Intermediate React & JavaScript/50. Objects (Intermediate).mp4 |
37.16MB |
| 5. Intermediate React & JavaScript/51. Arrays (Advanced).mp4 |
43.04MB |
| 5. Intermediate React & JavaScript/52. Objects (Advanced).mp4 |
12.75MB |
| 5. Intermediate React & JavaScript/53. Spread Operator.mp4 |
4.88MB |
| 5. Intermediate React & JavaScript/54. Destructuring.mp4 |
15.44MB |
| 5. Intermediate React & JavaScript/55. Primitives vs References.mp4 |
15.94MB |
| 5. Intermediate React & JavaScript/56. Short Circuiting (&& and --).mp4 |
19.55MB |
| 5. Intermediate React & JavaScript/57. Functions (Intermediate).mp4 |
40.49MB |
| 5. Intermediate React & JavaScript/58. Functions (Advanced).mp4 |
42.70MB |
| 5. Intermediate React & JavaScript/59. Fetch API Introduction.mp4 |
50.40MB |
| 5. Intermediate React & JavaScript/60. Example GET Data from API & Display in HTML with Fetch API.mp4 |
49.26MB |
| 5. Intermediate React & JavaScript/61. Fetch API in 4 Minutes (GET POST PUT DELETE, JSON).mp4 |
32.98MB |
| 5. Intermediate React & JavaScript/62. Fetch API with AsyncAwait.mp4 |
119.22MB |
| 5. Intermediate React & JavaScript/63. Fetch API in React useEffect for Fetching Data.mp4 |
62.27MB |
| 5. Intermediate React & JavaScript/64. Custom hooks.mp4 |
43.23MB |
| 5. Intermediate React & JavaScript/65. Rules of Hooks.mp4 |
21.76MB |
| 5. Intermediate React & JavaScript/index (1).png |
525.02kB |
| 5. Intermediate React & JavaScript/index (2).png |
566.92kB |
| 5. Intermediate React & JavaScript/index (3).png |
370.37kB |
| 6. Project Trekbag/66. Trekbag Project Intro.mp4 |
9.48MB |
| 6. Project Trekbag/67. Create a new Vite React App for Trekbag.mp4 |
32.87MB |
| 6. Project Trekbag/68. Project Structure (Reusability).mp4 |
191.27MB |
| 6. Project Trekbag/69. Secondary Buttons (map, key).mp4 |
59.24MB |
| 6. Project Trekbag/70. Item List (useState, map, input checkboxes).mp4 |
165.86MB |
| 6. Project Trekbag/71. AddItemForm (Controlled vs Uncontrolled Input, useState, Array of Objects, Spread Operator).mp4 |
183.12MB |
| 6. Project Trekbag/72. React Pattern Separate Implemention Logic from Where Event Occurred.mp4 |
85.30MB |
| 6. Project Trekbag/73. Best Practices Naming Props.mp4 |
20.82MB |
| 6. Project Trekbag/74. Finish Secondary Buttons.mp4 |
172.98MB |
| 6. Project Trekbag/75. Delete & Toggle Individual Item.mp4 |
79.69MB |
| 6. Project Trekbag/76. React Pattern for Updating State, naming props.mp4 |
39.03MB |
| 6. Project Trekbag/77. Empty View (Conditional Rendering Pitfalls).mp4 |
48.84MB |
| 6. Project Trekbag/78. Best Practice Where to compute derived state.mp4 |
57.77MB |
| 6. Project Trekbag/79. Sorting Items (React-Select Component).mp4 |
128.35MB |
| 6. Project Trekbag/80. Advanced LocalStorage with useState.mp4 |
96.49MB |
| 6. Project Trekbag/81. Best Practices useMemo.mp4 |
19.93MB |
| 6. Project Trekbag/82. Children Composition (Avoid Prop Drilling pt. 1).mp4 |
49.79MB |
| 6. Project Trekbag/83. Context API with Custom Hook (Avoid Prop Drilling pt. 2).mp4 |
143.33MB |
| 6. Project Trekbag/84. The problem with the Context API.mp4 |
30.20MB |
| 6. Project Trekbag/85. Zustand (Replace Context API with Zustand).mp4 |
198.55MB |
| 6. Project Trekbag/intro (1).png |
498.43kB |
| 6. Project Trekbag/intro (2).png |
560.94kB |
| 6. Project Trekbag/intro (3).png |
603.81kB |
| 6. Project Trekbag/intro (4).png |
520.00kB |
| 7. Introduction to TypeScript in React/86. TypeScript in React.mp4 |
372.06MB |
| 7. Introduction to TypeScript in React/intro.png |
92.54kB |
| 8. Project CorpComment/87. CorpComment Project Intro.mp4 |
20.72MB |
| 8. Project CorpComment/88. Vite React TypeScript (Fresh Install Lookaround).mp4 |
73.08MB |
| 8. Project CorpComment/89. Complete Setup (Components, Radix UI Icons).mp4 |
227.11MB |
| 8. Project CorpComment/90. Counter (useState, Controlled Input, Derived State).mp4 |
83.78MB |
| 8. Project CorpComment/91. Basic validation.mp4 |
16.99MB |
| 8. Project CorpComment/92. TypeScript for useState.mp4 |
17.98MB |
| 8. Project CorpComment/93. TypeScript for Events.mp4 |
45.74MB |
| 8. Project CorpComment/94. Feedback Items List (Map).mp4 |
119.14MB |
| 8. Project CorpComment/95. TypeScript for Props (FeedbackItem Prop).mp4 |
80.50MB |
| 8. Project CorpComment/96. Fetch Data & Set State.mp4 |
102.45MB |
| 8. Project CorpComment/97. Loading Spinner while Fetching Data.mp4 |
28.07MB |
| 8. Project CorpComment/98. Top 3 errors when fetching data.mp4 |
81.18MB |
| 8. Project CorpComment/99. Convert Fetch to AsyncAwait.mp4 |
77.30MB |
| 8. Project CorpComment/100. Conditional Rendering with Logical AND (&&).mp4 |
15.33MB |
| 8. Project CorpComment/101. Add item to list (Top 2 reasons for TypeScript, Lifting State Up).mp4 |
351.58MB |
| 8. Project CorpComment/102. Post Item to Backend (Optimistic UI).mp4 |
111.75MB |
| 8. Project CorpComment/103. Improve Project Folder Structure.mp4 |
19.96MB |
| 8. Project CorpComment/104. Hashtag List Feature.mp4 |
186.89MB |
| 8. Project CorpComment/105. useMemo Performance Optimization.mp4 |
29.26MB |
| 8. Project CorpComment/106. Toggle OpenClose Feedback Item.mp4 |
31.08MB |
| 8. Project CorpComment/107. Upvote Feature.mp4 |
19.25MB |
| 8. Project CorpComment/108. Prevent event bubbling in the DOM.mp4 |
24.60MB |
| 8. Project CorpComment/109. Disable Upvote Button.mp4 |
10.40MB |
| 8. Project CorpComment/110. ValidInvalid Indicators (setTimeout).mp4 |
59.94MB |
| 8. Project CorpComment/111. Children Composition (Prevent Prop Drilling pt. 1).mp4 |
41.72MB |
| 8. Project CorpComment/112. Context API in TypeScript.mp4 |
333.69MB |
| 8. Project CorpComment/113. Custom Hook for Feedback Items.mp4 |
64.98MB |
| 8. Project CorpComment/114. The problem with Context API.mp4 |
34.20MB |
| 8. Project CorpComment/115. Zustand (Replace Context API with Zustand).mp4 |
281.68MB |
| 8. Project CorpComment/intro (1).png |
571.35kB |
| 8. Project CorpComment/intro (2).png |
554.71kB |
| 8. Project CorpComment/intro (3).png |
525.52kB |
| 8. Project CorpComment/intro (4).png |
569.16kB |
| 8. Project CorpComment/intro (5).png |
320.94kB |
| 9. Project rmtDev/116. rmtDev Project Intro.mp4 |
59.30MB |
| 9. Project rmtDev/117. Starter Setup (GitHub).mp4 |
33.50MB |
| 9. Project rmtDev/118. Components overview.mp4 |
76.19MB |
| 9. Project rmtDev/119. Compose the app with components.mp4 |
35.53MB |
| 9. Project rmtDev/120. Search component (controlled input).mp4 |
53.05MB |
| 9. Project rmtDev/121. Data (Search Query Params vs Path Params).mp4 |
48.43MB |
| 9. Project rmtDev/122. Where to fetch data (useEffect vs event handler.mp4 |
65.96MB |
| 9. Project rmtDev/123. Fetch data in useEffect (Fetch API Anatomy).mp4 |
99.52MB |
| 9. Project rmtDev/124. Showing search results (life state up, map over data).mp4 |
90.94MB |
| 9. Project rmtDev/125. Typing API response (TypeScript).mp4 |
45.27MB |
| 9. Project rmtDev/126. Prevent prop drilling (children pattern).mp4 |
60.99MB |
| 9. Project rmtDev/127. Loading state (JobList).mp4 |
34.79MB |
| 9. Project rmtDev/128. JobItem type (special types file).mp4 |
27.42MB |
| 9. Project rmtDev/129. useJobItems (custom hook benefits).mp4 |
62.89MB |
| 9. Project rmtDev/130. Slice JobItems (derived state).mp4 |
19.81MB |
| 9. Project rmtDev/131. Custom hook rules (return object or array).mp4 |
45.23MB |
| 9. Project rmtDev/132. Type custom hook return value (as const).mp4 |
48.23MB |
| 9. Project rmtDev/133. Fix key (key is not a prop).mp4 |
8.31MB |
| 9. Project rmtDev/134. Fix TypeScript issues (type setstate function).mp4 |
17.04MB |
| 9. Project rmtDev/135. Benefits of data in URL (not in useState).mp4 |
46.50MB |
| 9. Project rmtDev/136. Keep track of activeId (reading and writing to URL, useEffect).mp4 |
145.67MB |
| 9. Project rmtDev/137. Custom hook for activeId.mp4 |
28.52MB |
| 9. Project rmtDev/138. Fetch JobItem (custom hook).mp4 |
190.60MB |
| 9. Project rmtDev/139. Render JobItem (custom type).mp4 |
159.23MB |
| 9. Project rmtDev/140. Loading State (JobItemContent).mp4 |
61.67MB |
| 9. Project rmtDev/141. Active item in list (custom hook).mp4 |
52.13MB |
| 9. Project rmtDev/142. Results count (derived state, custom hook).mp4 |
39.65MB |
| 9. Project rmtDev/143. Return object instead of array from custom hook.mp4 |
34.50MB |
| 9. Project rmtDev/144. Debounce searchtext (useDebounce custom hook).mp4 |
166.11MB |
| 9. Project rmtDev/145. useDebounce TypeScript (Generics).mp4 |
79.05MB |
| 9. Project rmtDev/146. Add key when there is no unique id.mp4 |
50.90MB |
| 9. Project rmtDev/147. Change Fetch to React-Query.mp4 |
231.88MB |
| 9. Project rmtDev/148. Fetcher function.mp4 |
24.25MB |
| 9. Project rmtDev/149. Type return value of fetcher function (API response, promise).mp4 |
63.99MB |
| 9. Project rmtDev/150. Fix loading state in React-Query (isInitialLoading).mp4 |
12.30MB |
| 9. Project rmtDev/151. Error handling when fetching data.mp4 |
58.65MB |
| 9. Project rmtDev/152. Purify custom hook (no derived state).mp4 |
40.42MB |
| 9. Project rmtDev/153. Refactor useJobItems to React-Query (+ Loading state).mp4 |
141.41MB |
| 9. Project rmtDev/154. Toast Messages (Show error message).mp4 |
61.54MB |
| 9. Project rmtDev/155. Unknown type in TypeScript.mp4 |
90.40MB |
| 9. Project rmtDev/156. Pagination.mp4 |
122.46MB |
| 9. Project rmtDev/157. Reusable component (Pagination Button).mp4 |
87.53MB |
| 9. Project rmtDev/158. Finish pagination (derived state).mp4 |
100.02MB |
| 9. Project rmtDev/159. Client-Side Pagination vs Server-Side Pagination.mp4 |
10.95MB |
| 9. Project rmtDev/160. Extract constant for results per page.mp4 |
11.03MB |
| 9. Project rmtDev/161. Sorting (derived state).mp4 |
234.68MB |
| 9. Project rmtDev/162. Extract type for page direction.mp4 |
12.32MB |
| 9. Project rmtDev/163. Mutable update vs Creating new.mp4 |
31.44MB |
| 9. Project rmtDev/164. Reusable component (Sorting Button).mp4 |
65.51MB |
| 9. Project rmtDev/165. Keep track of bookmarked ids in context API.mp4 |
279.95MB |
| 9. Project rmtDev/166. Event bubbling Prevent Default Stop propagation.mp4 |
38.69MB |
| 9. Project rmtDev/167. Persist data in localStorage (useState initializer function).mp4 |
94.65MB |
| 9. Project rmtDev/168. useLocalStorage (Custom hook).mp4 |
134.56MB |
| 9. Project rmtDev/169. Typing custom hook (generics).mp4 |
140.38MB |
| 9. Project rmtDev/170. Context API TypeScript (Custom Hook).mp4 |
130.52MB |
| 9. Project rmtDev/171. Create Popover (reuse custom hook).mp4 |
123.72MB |
| 9. Project rmtDev/172. Multiple Fetch Calls in parallel without waterfall (react-query).mp4 |
220.30MB |
| 9. Project rmtDev/173. Fix TypeScript Boolean (Asserting Casting Types).mp4 |
85.46MB |
| 9. Project rmtDev/174. What if data has more than type specifies.mp4 |
42.69MB |
| 9. Project rmtDev/175. Fix spinner CSS.mp4 |
12.67MB |
| 9. Project rmtDev/176. Part 1 Close popover - className.mp4 |
131.46MB |
| 9. Project rmtDev/177. Part 2 Close popover - useRef.mp4 |
105.49MB |
| 9. Project rmtDev/178. Part 3 Close popover - useOnClickOutside (custom hook).mp4 |
108.72MB |
| 9. Project rmtDev/179. Create portal for popover.mp4 |
37.41MB |
| 9. Project rmtDev/180. ActiveId optimization custom hook vs context API.mp4 |
95.47MB |
| 9. Project rmtDev/181. State Management in Context API (multiple contexts, dependency between them).mp4 |
317.29MB |
| 9. Project rmtDev/182. JobList (Data Wrapper Pattern).mp4 |
81.85MB |
| 9. Project rmtDev/183. useMemo (memoize derived state).mp4 |
42.64MB |
| 9. Project rmtDev/184. Why it's important to update objects and arrays by creating new ones.mp4 |
42.12MB |
| 9. Project rmtDev/185. Memoize context value.mp4 |
29.90MB |
| 9. Project rmtDev/186. useCallback for event handler functions.mp4 |
35.14MB |
| 9. Project rmtDev/187. Finish! Well done!.mp4 |
11.13MB |
| 9. Project rmtDev/intro (1).png |
498.75kB |
| 9. Project rmtDev/intro (2).png |
463.70kB |
| 9. Project rmtDev/intro (3).png |
480.72kB |
| 9. Project rmtDev/intro (4).png |
486.03kB |
| 9. Project rmtDev/intro (5).png |
531.98kB |
| 9. Project rmtDev/intro (6).png |
505.35kB |
| 9. Project rmtDev/intro (7).png |
429.48kB |
| 9. Project rmtDev/intro (8).png |
483.43kB |
| 9. Project rmtDev/intro (9).png |
549.79kB |
| 9. Project rmtDev/intro (10).png |
588.36kB |
| 10. NextJS (Beginner to Intermediate)/188. NextJS Overview (Fast).mp4 |
318.38MB |
| 10. NextJS (Beginner to Intermediate)/189. When & Where to add 'use client'.mp4 |
85.08MB |
| 10. NextJS (Beginner to Intermediate)/190. Server Components inside Client Components.mp4 |
50.21MB |
| 10. NextJS (Beginner to Intermediate)/191. Routes (Pages) vs Components.mp4 |
11.56MB |
| 10. NextJS (Beginner to Intermediate)/192. Client vs Server Overview in NextJS.mp4 |
79.11MB |
| 10. NextJS (Beginner to Intermediate)/193. Before you use div in React....mp4 |
151.15MB |
| 10. NextJS (Beginner to Intermediate)/195. The cn() utility function for Tailwind CSS.mp4 |
63.50MB |
| 10. NextJS (Beginner to Intermediate)/196. React & NextJS hook mistakes (that even Senior developers make!).mp4 |
393.15MB |
| 10. NextJS (Beginner to Intermediate)/index (1).png |
599.00kB |
| 10. NextJS (Beginner to Intermediate)/index (2).png |
497.94kB |
| 11. Project EVENTO/197. EVENTO Project Intro.mp4 |
28.35MB |
| 11. Project EVENTO/198. Start Project (NextJS Fresh Install).mp4 |
55.15MB |
| 11. Project EVENTO/199. Routing Strategy (Layout & Pages, Dynamic Routes, Link).mp4 |
115.05MB |
| 11. Project EVENTO/200. Home Page Content (+ Tailwind Styling).mp4 |
61.13MB |
| 11. Project EVENTO/201. Logo (NextJS Image Component).mp4 |
34.33MB |
| 11. Project EVENTO/202. Header Styling (Why Tailwind).mp4 |
85.18MB |
| 11. Project EVENTO/203. Finish Home Page Styling With Tailwind CSS.mp4 |
127.78MB |
| 11. Project EVENTO/204. Container Props (ReactNode).mp4 |
4.60MB |
| 11. Project EVENTO/205. Accent Color (Tailwind Config).mp4 |
17.14MB |
| 11. Project EVENTO/206. Metadata (TypeScript Metadata Type).mp4 |
21.95MB |
| 11. Project EVENTO/207. Active Link (clsx, Framer Motion).mp4 |
94.71MB |
| 11. Project EVENTO/208. Search Form (When to Convert Server Component to Client Component).mp4 |
92.13MB |
| 11. Project EVENTO/209. Reusable H1 Component.mp4 |
34.76MB |
| 11. Project EVENTO/210. Clickable Logo (Link ).mp4 |
3.95MB |
| 11. Project EVENTO/211. Continue Events Page (Scrollbar Styling).mp4 |
19.80MB |
| 11. Project EVENTO/212. Page Params for Dynamic H1.mp4 |
34.82MB |
| 11. Project EVENTO/213. Fetch Events (Fetch Data in Server Component).mp4 |
56.67MB |
| 11. Project EVENTO/214. EventoEvent Type.mp4 |
28.13MB |
| 11. Project EVENTO/215. EventsList Component (@ Path Alias).mp4 |
54.48MB |
| 11. Project EVENTO/216. EventCard Component (Flexbox Tricks).mp4 |
117.25MB |
| 11. Project EVENTO/217. Event Date (Copilot Magic).mp4 |
74.46MB |
| 11. Project EVENTO/218. Finish EventCard (Wrap in Link, Hover Effect).mp4 |
40.97MB |
| 11. Project EVENTO/219. H1 Reusability (Reusability Best Practices, Tailwind-Merge).mp4 |
65.68MB |
| 11. Project EVENTO/220. cn() Utility Function (Replace clsx and Tailwind Merge).mp4 |
40.27MB |
| 11. Project EVENTO/221. Fetch Events for Correct City.mp4 |
20.27MB |
| 11. Project EVENTO/222. Event Page Params (Get Event Slug from URL).mp4 |
9.52MB |
| 11. Project EVENTO/223. Fetch Event From URL.mp4 |
20.55MB |
| 11. Project EVENTO/224. Event Page Scaffolding.mp4 |
10.13MB |
| 11. Project EVENTO/225. Image Component Advanced (+ Design Tips).mp4 |
65.19MB |
| 11. Project EVENTO/226. Finish Event Page Intro Section.mp4 |
114.70MB |
| 11. Project EVENTO/227. Reusable Hover Effect (Tailwind @apply Rule).mp4 |
21.77MB |
| 11. Project EVENTO/228. Finish Event Page (Tailwind, React Pattern).mp4 |
74.03MB |
| 11. Project EVENTO/229. Fix Image Object Fit vs Object Cover.mp4 |
6.27MB |
| 11. Project EVENTO/230. Client-Side Cache in NextJS (Router Cache).mp4 |
70.30MB |
| 11. Project EVENTO/231. Cache and Loading.tsx.mp4 |
32.46MB |
| 11. Project EVENTO/232. Skeleton Component (Tailwind, cn()).mp4 |
31.77MB |
| 11. Project EVENTO/233. Skeleton Card Component.mp4 |
55.85MB |
| 11. Project EVENTO/234. Suspense & Streaming in NextJS (Loading.tsx).mp4 |
9.74MB |
| 11. Project EVENTO/235. EventsList Suspense (Advanced Pattern for Data Fetching).mp4 |
72.56MB |
| 11. Project EVENTO/236. Advanced Pattern Data Fetching Wrapper Component for EventsList.mp4 |
18.17MB |
| 11. Project EVENTO/237. Data Cache and Revalidate.mp4 |
55.38MB |
| 11. Project EVENTO/238. Display Event Name as Title (generateMetadata).mp4 |
110.16MB |
| 11. Project EVENTO/239. Fetch Memoization in React & NextJS.mp4 |
16.76MB |
| 11. Project EVENTO/240. Data Fetching Utilities.mp4 |
36.13MB |
| 11. Project EVENTO/241. EventCard Scroll-Based Animation with Framer Motion.mp4 |
115.73MB |
| 11. Project EVENTO/242. Setup SQLite with Prisma.mp4 |
124.43MB |
| 11. Project EVENTO/243. Replace Fetch API with Prisma Client.mp4 |
80.79MB |
| 11. Project EVENTO/244. Sort Events by Date (Prisma Sorting).mp4 |
13.72MB |
| 11. Project EVENTO/245. notFound() Function in NextJS for Event Page.mp4 |
11.94MB |
| 11. Project EVENTO/246. Server-Side Pagination in NextJS for EventsList.mp4 |
262.16MB |
| 11. Project EVENTO/247. Advanced Key Prop for Suspense.mp4 |
19.58MB |
| 11. Project EVENTO/248. Zod Validation in EVENTO for Incoming Data.mp4 |
104.95MB |
| 11. Project EVENTO/249. Middleware in EVENTO (Use Cases, Redirecting).mp4 |
20.69MB |
| 11. Project EVENTO/250. Static vs Dynamic Rendering in EVENTO.mp4 |
52.94MB |
| 11. Project EVENTO/251. More Static vs Dynamic Rendering (Client Components Run on the Server).mp4 |
15.71MB |
| 11. Project EVENTO/252. Advanced Pattern Pre-Generating Popular Routes.mp4 |
25.58MB |
| 11. Project EVENTO/253. Advanced Link Component Prefetching in Production.mp4 |
20.62MB |
| 11. Project EVENTO/254. Advanced Data Cache Prisma ORM Caching with unstable_cache.mp4 |
49.79MB |
| 11. Project EVENTO/255. Server-Only Utilities (Advanced Data Fetching Utilities).mp4 |
54.34MB |
| 11. Project EVENTO/256. Opengraph Images in NextJS.mp4 |
13.37MB |
| 11. Project EVENTO/257. Deployment Options (Static Export).mp4 |
14.10MB |
| 11. Project EVENTO/258. Deployment Options (NodeJS Server, Vercel).mp4 |
14.46MB |
| 11. Project EVENTO/259. Using Postgres in Production.mp4 |
62.18MB |
| 11. Project EVENTO/260. Deploy to Vercel.mp4 |
73.65MB |
| 11. Project EVENTO/index (1).png |
573.50kB |
| 11. Project EVENTO/index (2).png |
530.50kB |
| 11. Project EVENTO/index (3).png |
482.41kB |
| 11. Project EVENTO/index (4).png |
551.73kB |
| 11. Project EVENTO/index (5).png |
495.33kB |
| 11. Project EVENTO/index (6).png |
560.82kB |
| 11. Project EVENTO/index (7).png |
541.86kB |
| 11. Project EVENTO/index (8).png |
492.04kB |
| 11. Project EVENTO/index (9).png |
627.39kB |
| 11. Project EVENTO/index (10).png |
151.39kB |
| 12. Advanced NextJS, TypeScript, React/261. Server Actions (Revalidation, useFormStatus, useOptimisticUI).mp4 |
269.14MB |
| 12. Advanced NextJS, TypeScript, React/262. Top 3 Reasons for using Server Actions.mp4 |
106.23MB |
| 12. Advanced NextJS, TypeScript, React/263. Custom Hook for Context API (TypeScript).mp4 |
87.26MB |
| 12. Advanced NextJS, TypeScript, React/264. Professional forms with React-hook-form and Zod.mp4 |
308.04MB |
| 12. Advanced NextJS, TypeScript, React/265. Complete Zod Tutorial.mp4 |
402.10MB |
| 12. Advanced NextJS, TypeScript, React/266. TypeScript Generics (Easy Explanation!).mp4 |
174.99MB |
| 12. Advanced NextJS, TypeScript, React/267. coming soon.txt |
0.01kB |
| 12. Advanced NextJS, TypeScript, React/index.png |
537.21kB |
| 13. Project PetSoft/268 PetSoft Intro.mp4 |
63.88MB |
| 13. Project PetSoft/269 Setup.mp4 |
109.33MB |
| 13. Project PetSoft/270 Routing Strategy.mp4 |
88.22MB |
| 13. Project PetSoft/271 Home page.mp4 |
87.61MB |
| 13. Project PetSoft/272 Shadcn UI Intro & Setup.mp4 |
236.53MB |
| 13. Project PetSoft/273 App Segment (AppHeader, Dashboard Page + Account Page).mp4 |
142.23MB |
| 13. Project PetSoft/274 App Footer.mp4 |
16.08MB |
| 13. Project PetSoft/275 Branding + Stats Components.mp4 |
59.21MB |
| 13. Project PetSoft/276 Dashboard Grid Layout.mp4 |
107.87MB |
| 13. Project PetSoft/277 Responsive Grid Layout.mp4 |
30.26MB |
| 13. Project PetSoft/278 PetList Add Pet + Styling.mp4 |
26.13MB |
| 13. Project PetSoft/279 PetList Fetch Data.mp4 |
98.26MB |
| 13. Project PetSoft/280 Pet Type.mp4 |
20.76MB |
| 13. Project PetSoft/281 Pet Context.mp4 |
158.56MB |
| 13. Project PetSoft/282 TypeScript for Context API.mp4 |
27.47MB |
| 13. Project PetSoft/283 Update Selected Pet Id.mp4 |
46.67MB |
| 13. Project PetSoft/284 Selected Pet Styling.mp4 |
22.21MB |
| 13. Project PetSoft/285 Pet Details.mp4 |
102.40MB |
| 13. Project PetSoft/286 Pet Details Refactoring.mp4 |
60.28MB |
| 13. Project PetSoft/287 Tailwind Extend (Config).mp4 |
35.06MB |
| 13. Project PetSoft/288 Stats Component.mp4 |
19.26MB |
| 13. Project PetSoft/289 Project High-Level Overview.mp4 |
99.24MB |
| 13. Project PetSoft/290 Search Pets Feature.mp4 |
154.90MB |
| 13. Project PetSoft/291 Account Page.mp4 |
14.45MB |
| 13. Project PetSoft/292 Customize Reusable Components H1 + ContentBlock.mp4 |
62.25MB |
| 13. Project PetSoft/293 Pet Buttons for CRUD-Actions.mp4 |
142.65MB |
| 13. Project PetSoft/294 Checkout (Delete) a Pet.mp4 |
82.83MB |
| 13. Project PetSoft/295 Why Pet Button is a Client Component.mp4 |
22.18MB |
| 13. Project PetSoft/296 Dialog (Shadcn UI).mp4 |
159.35MB |
| 13. Project PetSoft/297 Add Pet pt. 1 (Pet Form).mp4 |
137.61MB |
| 13. Project PetSoft/298 Add Pet pt. 2.mp4 |
205.24MB |
| 13. Project PetSoft/299 Close Dialog.mp4 |
42.67MB |
| 13. Project PetSoft/300 Recap (High-Level Overview).mp4 |
24.38MB |
| 13. Project PetSoft/301 Edit Pet pt. 1 (Prefill Form).mp4 |
41.00MB |
| 13. Project PetSoft/302 Edit Pet pt. 2.mp4 |
98.25MB |
| 13. Project PetSoft/303 Add Database (Prisma Setup + Seed).mp4 |
157.75MB |
| 13. Project PetSoft/304 Get Data from Database (Prisma Client).mp4 |
37.15MB |
| 13. Project PetSoft/305 AddPet Server Action.mp4 |
136.45MB |
| 13. Project PetSoft/306 Action Instead of OnSubmit.mp4 |
73.94MB |
| 13. Project PetSoft/307 Cleanup Default Image.mp4 |
15.62MB |
| 13. Project PetSoft/308 revalidatePath in Server Actions.mp4 |
85.57MB |
| 13. Project PetSoft/309 Server Action Revalidation Overview.mp4 |
63.82MB |
| 13. Project PetSoft/310 Server Action Refactoring.mp4 |
21.78MB |
| 13. Project PetSoft/311 useFormStatus (Loading State).mp4 |
58.96MB |
| 13. Project PetSoft/312 Error State (Sonner Toast).mp4 |
82.89MB |
| 13. Project PetSoft/313 EditPet Server Action.mp4 |
65.35MB |
| 13. Project PetSoft/314 CheckoutPet Server Action.mp4 |
39.06MB |
| 13. Project PetSoft/315 useTransition for Server Actions (Loading State).mp4 |
29.54MB |
| 13. Project PetSoft/316 useOptimistic for Optimistic UI.mp4 |
269.30MB |
| 13. Project PetSoft/317 flushSync (advanced React).mp4 |
32.94MB |
| 13. Project PetSoft/318 Revert Optimistic Update.mp4 |
33.86MB |
| 13. Project PetSoft/319 Downsides of Optimistic UI.mp4 |
16.66MB |
| 13. Project PetSoft/320 Optimistic UI for Edit and Checkout.mp4 |
86.35MB |
| 13. Project PetSoft/321 Prisma Types (+ Remove Loading States).mp4 |
298.73MB |
| 13. Project PetSoft/322 React-Hook-Form (Setup).mp4 |
144.04MB |
| 13. Project PetSoft/323 Validation with Native React-Hook-Form.mp4 |
55.39MB |
| 13. Project PetSoft/324 Validation with Zod.mp4 |
145.25MB |
| 13. Project PetSoft/325 Infer TypeScript Type from Zod.mp4 |
13.31MB |
| 13. Project PetSoft/326 Zod Transform (Pet Default Image).mp4 |
43.66MB |
| 13. Project PetSoft/327 Cleanup Fix Image.mp4 |
31.19MB |
| 13. Project PetSoft/328 Zod on Server (Reuse Schema).mp4 |
125.56MB |
| 13. Project PetSoft/329 Unknown Type (Server Action Input Type).mp4 |
42.35MB |
| 13. Project PetSoft/330 Zod for Edit and Checkout.mp4 |
81.69MB |
| 13. Project PetSoft/331 Auth Pages (Nested Layout).mp4 |
28.56MB |
| 13. Project PetSoft/332 Finish Auth Pages.mp4 |
53.31MB |
| 13. Project PetSoft/333 Intro to Authentication.mp4 |
53.56MB |
| 13. Project PetSoft/334 JWT (JSON Web Tokens) and Cookies.mp4 |
82.46MB |
| 13. Project PetSoft/335 Session Concept.mp4 |
24.80MB |
| 13. Project PetSoft/336 Cookie vs Authorization Header (Bearer).mp4 |
22.17MB |
| 13. Project PetSoft/337 JWT Structure.mp4 |
25.36MB |
| 13. Project PetSoft/338 JWT vs Database Sessions.mp4 |
71.75MB |
| 13. Project PetSoft/339 Edge Network (Middleware).mp4 |
40.83MB |
| 13. Project PetSoft/340 Next-Auth vs Third-Party Auth (Kinde Auth).mp4 |
28.07MB |
| 13. Project PetSoft/341 Middleware in Next.js.mp4 |
70.63MB |
| 13. Project PetSoft/342 User Database Model.mp4 |
73.26MB |
| 13. Project PetSoft/343 Seed Database with User.mp4 |
93.31MB |
| 13. Project PetSoft/344 Auth Form Reusability.mp4 |
16.83MB |
| 13. Project PetSoft/345 Next-Auth Config.mp4 |
171.12MB |
| 13. Project PetSoft/346 Sign In with Next-Auth (Server Action).mp4 |
146.71MB |
| 13. Project PetSoft/347 Credentials Provider (Email Password) in Next-Auth.mp4 |
103.44MB |
| 13. Project PetSoft/348 Bcrypt Issue.mp4 |
44.04MB |
| 13. Project PetSoft/349 Generate Secret with OpenSSL.mp4 |
37.18MB |
| 13. Project PetSoft/350 Finish Login & Protect App.mp4 |
95.82MB |
| 13. Project PetSoft/351 PetForm Default Values.mp4 |
7.81MB |
| 13. Project PetSoft/352 Render User Email in UI.mp4 |
118.02MB |
| 13. Project PetSoft/353 Sign Out (Button + Server Action).mp4 |
103.52MB |
| 13. Project PetSoft/354 Redirect Rules.mp4 |
41.75MB |
| 13. Project PetSoft/355 Advanced Redirect Pattern.mp4 |
12.14MB |
| 13. Project PetSoft/356 Sign Up Functionality (Register).mp4 |
116.67MB |
| 13. Project PetSoft/357 Get Pets by User.mp4 |
102.74MB |
| 13. Project PetSoft/358 Change Token Type & Finish Data Fetching.mp4 |
67.77MB |
| 13. Project PetSoft/359 Create Pet By User.mp4 |
168.16MB |
| 13. Project PetSoft/360 Authorization (Deleting Pet).mp4 |
112.08MB |
| 13. Project PetSoft/361 Authorization (Editing Pet).mp4 |
40.00MB |
| 13. Project PetSoft/362 Utility Function (Checking Auth).mp4 |
29.11MB |
| 13. Project PetSoft/363 Finish Utility Fn & Change NextAuth Type.mp4 |
54.02MB |
| 13. Project PetSoft/364 Server Only Utilities.mp4 |
27.23MB |
| 13. Project PetSoft/365 Utility Functions (Getting Data).mp4 |
117.14MB |
| 13. Project PetSoft/366 NextAuth Route Handlers (GET, POST).mp4 |
124.56MB |
| 13. Project PetSoft/367 Auth Validation.mp4 |
234.26MB |
| 13. Project PetSoft/368 Finish Login Validation.mp4 |
74.23MB |
| 13. Project PetSoft/369 Sign Up Validation.mp4 |
99.14MB |
| 13. Project PetSoft/370 Fix TypeScript PetEssentials.mp4 |
50.21MB |
| 13. Project PetSoft/371 Try Catch (Prisma).mp4 |
9.19MB |
| 13. Project PetSoft/372 Prisma Specific Errors.mp4 |
33.41MB |
| 13. Project PetSoft/373 UseFormStatus for Auth Loading State.mp4 |
69.46MB |
| 13. Project PetSoft/374 UseFormState for Auth Error State.mp4 |
88.61MB |
| 13. Project PetSoft/375 Auth Error Handling.mp4 |
64.04MB |
| 13. Project PetSoft/376 NextJS Redirect Quirk.mp4 |
57.34MB |
| 13. Project PetSoft/377 Loading State for Logout (useTransition).mp4 |
26.54MB |
| 13. Project PetSoft/378 Payments in NextJS Overview.mp4 |
74.09MB |
| 13. Project PetSoft/379 Payment Page.mp4 |
29.66MB |
| 13. Project PetSoft/380 Stripe Setup.mp4 |
82.68MB |
| 13. Project PetSoft/381 Checkout Session Redirect.mp4 |
205.69MB |
| 13. Project PetSoft/382 SearchParams after Payment.mp4 |
46.21MB |
| 13. Project PetSoft/383 Cancelled Payment SearchParams.mp4 |
8.70MB |
| 13. Project PetSoft/384 Checkout Session Loading State for Server Action (useTransition).mp4 |
17.36MB |
| 13. Project PetSoft/385 SearchParams Type.mp4 |
17.88MB |
| 13. Project PetSoft/386 Add hasAccess to Schema.mp4 |
70.17MB |
| 13. Project PetSoft/387 Add hasAccess to token.mp4 |
83.46MB |
| 13. Project PetSoft/388 Change Redirect Rules.mp4 |
51.39MB |
| 13. Project PetSoft/389 Stripe Webhooks.mp4 |
86.54MB |
| 13. Project PetSoft/390 Fulfill Order (Database Update).mp4 |
90.45MB |
| 13. Project PetSoft/391 Update JWT After Purchase.mp4 |
233.44MB |
| 13. Project PetSoft/392 Loading State for Updating JWT.mp4 |
40.31MB |
| 13. Project PetSoft/393 Verify Webhooks.mp4 |
105.05MB |
| 13. Project PetSoft/394 Finalize Redirect Rules.mp4 |
65.17MB |
| 13. Project PetSoft/395 Prepare for deployment.mp4 |
22.37MB |
| 13. Project PetSoft/396 Change SQLite to Vercel Postgres for Production.mp4 |
83.03MB |
| 13. Project PetSoft/397 Deploy to Vercel.mp4 |
218.16MB |
| 13. Project PetSoft/398 Separate Bcrypt Outside Edge.mp4 |
142.18MB |
| 13. Project PetSoft/399 Stripe in production.mp4 |
8.91MB |
| 13. Project PetSoft/index (1).png |
599.80kB |
| 13. Project PetSoft/index (2).png |
598.70kB |
| 13. Project PetSoft/index (3).png |
584.65kB |
| 13. Project PetSoft/index (4).png |
585.28kB |
| 13. Project PetSoft/index (5).png |
587.12kB |
| 13. Project PetSoft/index (6).png |
602.02kB |
| 13. Project PetSoft/index (7).png |
586.66kB |
| 13. Project PetSoft/index (8).png |
643.61kB |
| 13. Project PetSoft/index (9).png |
532.76kB |
| 13. Project PetSoft/index (10).png |
578.06kB |
| 13. Project PetSoft/index (11).png |
677.62kB |
| 13. Project PetSoft/index (12).png |
622.18kB |
| 13. Project PetSoft/index.png |
216.32kB |
| 13. Project PetSoft/index 13.png |
610.85kB |
| 13. Project PetSoft/index 14.png |
537.30kB |
| 13. Project PetSoft/index 15.png |
585.63kB |
| 13. Project PetSoft/index 16.png |
532.91kB |
| 13. Project PetSoft/index 17.png |
578.82kB |
| 14. Closing/399. THE END! Well done!.mp4 |
7.82MB |
| 14. Closing/index.png |
216.32kB |
| code.txt |
0.07kB |
| InfiniteCourses.org - Infinite Free Courses.url |
0.06kB |
Acesif