ByteGrad - Professional React & Next.js
Torrent Information
DetailsGlobal Parameters
Identification Hash
AA27AA8170A68F2F89209629AA4BFD1D2290F110
Community Trust & Feedback
Files (461)
ByteGrad - Professional React & Next.js
461 files • 28.59 GB
02. Beginner React & JavaScript
11 files • 1.04 GB
13. Modern JS & DOM Fundamentals.mp4
ByteGrad - Professional React & Next.js/02. Beginner React & JavaScript/13. Modern JS & DOM Fundamentals.mp4
11. JavaScript Fundamentals for React.mp4
ByteGrad - Professional React & Next.js/02. Beginner React & JavaScript/11. JavaScript Fundamentals for React.mp4
8. Anatomy of a React Component (Props, Event Handlers, Hooks).mp4
ByteGrad - Professional React & Next.js/02. Beginner React & JavaScript/8. Anatomy of a React Component (Props, Event Handlers, Hooks).mp4
12. CSS Fundamentals for React.mp4
ByteGrad - Professional React & Next.js/02. Beginner React & JavaScript/12. CSS Fundamentals for React.mp4
9. The useState Hook & What is 'Rendering'.mp4
ByteGrad - Professional React & Next.js/02. Beginner React & JavaScript/9. The useState Hook & What is 'Rendering'.mp4
5. Vite React App (Fresh Install Lookaround).mp4
ByteGrad - Professional React & Next.js/02. Beginner React & JavaScript/5. Vite React App (Fresh Install Lookaround).mp4
10. The useEffect hook.mp4
ByteGrad - Professional React & Next.js/02. Beginner React & JavaScript/10. The useEffect hook.mp4
7. Components in React.mp4
ByteGrad - Professional React & Next.js/02. Beginner React & JavaScript/7. Components in React.mp4
6. JSX Fundamentals for React.mp4
ByteGrad - Professional React & Next.js/02. Beginner React & JavaScript/6. JSX Fundamentals for React.mp4
4. Starting a New React Project.mp4
ByteGrad - Professional React & Next.js/02. Beginner React & JavaScript/4. Starting a New React Project.mp4
index.png
ByteGrad - Professional React & Next.js/02. Beginner React & JavaScript/index.png
12. Advanced NextJS, TypeScript, React
7 files • 1.26 GB
265. Complete Zod Tutorial.mp4
ByteGrad - Professional React & Next.js/12. Advanced NextJS, TypeScript, React/265. Complete Zod Tutorial.mp4
264. Professional forms with React-hook-form and Zod.mp4
ByteGrad - Professional React & Next.js/12. Advanced NextJS, TypeScript, React/264. Professional forms with React-hook-form and Zod.mp4
261. Server Actions (Revalidation, useFormStatus, useOptimisticUI).mp4
ByteGrad - Professional React & Next.js/12. Advanced NextJS, TypeScript, React/261. Server Actions (Revalidation, useFormStatus, useOptimisticUI).mp4
266. TypeScript Generics (Easy Explanation!).mp4
ByteGrad - Professional React & Next.js/12. Advanced NextJS, TypeScript, React/266. TypeScript Generics (Easy Explanation!).mp4
262. Top 3 Reasons for using Server Actions.mp4
ByteGrad - Professional React & Next.js/12. Advanced NextJS, TypeScript, React/262. Top 3 Reasons for using Server Actions.mp4
263. Custom Hook for Context API (TypeScript).mp4
ByteGrad - Professional React & Next.js/12. Advanced NextJS, TypeScript, React/263. Custom Hook for Context API (TypeScript).mp4
no 267.txt
ByteGrad - Professional React & Next.js/12. Advanced NextJS, TypeScript, React/no 267.txt
10. NextJS (Beginner to Intermediate)
10 files • 1.07 GB
196. React & NextJS hook mistakes (that even Senior developers make!).mp4
ByteGrad - Professional React & Next.js/10. NextJS (Beginner to Intermediate)/196. React & NextJS hook mistakes (that even Senior developers make!).mp4
188. NextJS Overview (Fast).mp4
ByteGrad - Professional React & Next.js/10. NextJS (Beginner to Intermediate)/188. NextJS Overview (Fast).mp4
193. Before you use div in React....mp4
ByteGrad - Professional React & Next.js/10. NextJS (Beginner to Intermediate)/193. Before you use div in React....mp4
189. When & Where to add 'use client'.mp4
ByteGrad - Professional React & Next.js/10. NextJS (Beginner to Intermediate)/189. When & Where to add 'use client'.mp4
192. Client vs Server Overview in NextJS.mp4
ByteGrad - Professional React & Next.js/10. NextJS (Beginner to Intermediate)/192. Client vs Server Overview in NextJS.mp4
195. The cn() utility function for Tailwind CSS.mp4
ByteGrad - Professional React & Next.js/10. NextJS (Beginner to Intermediate)/195. The cn() utility function for Tailwind CSS.mp4
190. Server Components inside Client Components.mp4
ByteGrad - Professional React & Next.js/10. NextJS (Beginner to Intermediate)/190. Server Components inside Client Components.mp4
191. Routes (Pages) vs Components.mp4
ByteGrad - Professional React & Next.js/10. NextJS (Beginner to Intermediate)/191. Routes (Pages) vs Components.mp4
index (1).png
ByteGrad - Professional React & Next.js/10. NextJS (Beginner to Intermediate)/index (1).png
index (2).png
ByteGrad - Professional React & Next.js/10. NextJS (Beginner to Intermediate)/index (2).png
07. Introduction to TypeScript in React
2 files • 354.92 MB
86. TypeScript in React.mp4
ByteGrad - Professional React & Next.js/07. Introduction to TypeScript in React/86. TypeScript in React.mp4
intro.png
ByteGrad - Professional React & Next.js/07. Introduction to TypeScript in React/intro.png
08. Project CorpComment
34 files • 2.41 GB
101. Add item to list (Top 2 reasons for TypeScript, Lifting State Up).mp4
ByteGrad - Professional React & Next.js/08. Project CorpComment/101. Add item to list (Top 2 reasons for TypeScript, Lifting State Up).mp4
112. Context API in TypeScript.mp4
ByteGrad - Professional React & Next.js/08. Project CorpComment/112. Context API in TypeScript.mp4
115. Zustand (Replace Context API with Zustand).mp4
ByteGrad - Professional React & Next.js/08. Project CorpComment/115. Zustand (Replace Context API with Zustand).mp4
89. Complete Setup (Components, Radix UI Icons).mp4
ByteGrad - Professional React & Next.js/08. Project CorpComment/89. Complete Setup (Components, Radix UI Icons).mp4
104. Hashtag List Feature.mp4
ByteGrad - Professional React & Next.js/08. Project CorpComment/104. Hashtag List Feature.mp4
94. Feedback Items List (Map).mp4
ByteGrad - Professional React & Next.js/08. Project CorpComment/94. Feedback Items List (Map).mp4
102. Post Item to Backend (Optimistic UI).mp4
ByteGrad - Professional React & Next.js/08. Project CorpComment/102. Post Item to Backend (Optimistic UI).mp4
96. Fetch Data & Set State.mp4
ByteGrad - Professional React & Next.js/08. Project CorpComment/96. Fetch Data & Set State.mp4
90. Counter (useState, Controlled Input, Derived State).mp4
ByteGrad - Professional React & Next.js/08. Project CorpComment/90. Counter (useState, Controlled Input, Derived State).mp4
98. Top 3 errors when fetching data.mp4
ByteGrad - Professional React & Next.js/08. Project CorpComment/98. Top 3 errors when fetching data.mp4
95. TypeScript for Props (FeedbackItem Prop).mp4
ByteGrad - Professional React & Next.js/08. Project CorpComment/95. TypeScript for Props (FeedbackItem Prop).mp4
99. Convert Fetch to AsyncAwait.mp4
ByteGrad - Professional React & Next.js/08. Project CorpComment/99. Convert Fetch to AsyncAwait.mp4
88. Vite React TypeScript (Fresh Install Lookaround).mp4
ByteGrad - Professional React & Next.js/08. Project CorpComment/88. Vite React TypeScript (Fresh Install Lookaround).mp4
113. Custom Hook for Feedback Items.mp4
ByteGrad - Professional React & Next.js/08. Project CorpComment/113. Custom Hook for Feedback Items.mp4
110. ValidInvalid Indicators (setTimeout).mp4
ByteGrad - Professional React & Next.js/08. Project CorpComment/110. ValidInvalid Indicators (setTimeout).mp4
93. TypeScript for Events.mp4
ByteGrad - Professional React & Next.js/08. Project CorpComment/93. TypeScript for Events.mp4
111. Children Composition (Prevent Prop Drilling pt. 1).mp4
ByteGrad - Professional React & Next.js/08. Project CorpComment/111. Children Composition (Prevent Prop Drilling pt. 1).mp4
114. The problem with Context API.mp4
ByteGrad - Professional React & Next.js/08. Project CorpComment/114. The problem with Context API.mp4
106. Toggle OpenClose Feedback Item.mp4
ByteGrad - Professional React & Next.js/08. Project CorpComment/106. Toggle OpenClose Feedback Item.mp4
105. useMemo Performance Optimization.mp4
ByteGrad - Professional React & Next.js/08. Project CorpComment/105. useMemo Performance Optimization.mp4
97. Loading Spinner while Fetching Data.mp4
ByteGrad - Professional React & Next.js/08. Project CorpComment/97. Loading Spinner while Fetching Data.mp4
108. Prevent event bubbling in the DOM.mp4
ByteGrad - Professional React & Next.js/08. Project CorpComment/108. Prevent event bubbling in the DOM.mp4
87. CorpComment Project Intro.mp4
ByteGrad - Professional React & Next.js/08. Project CorpComment/87. CorpComment Project Intro.mp4
103. Improve Project Folder Structure.mp4
ByteGrad - Professional React & Next.js/08. Project CorpComment/103. Improve Project Folder Structure.mp4
107. Upvote Feature.mp4
ByteGrad - Professional React & Next.js/08. Project CorpComment/107. Upvote Feature.mp4
92. TypeScript for useState.mp4
ByteGrad - Professional React & Next.js/08. Project CorpComment/92. TypeScript for useState.mp4
91. Basic validation.mp4
ByteGrad - Professional React & Next.js/08. Project CorpComment/91. Basic validation.mp4
100. Conditional Rendering with Logical AND (&&).mp4
ByteGrad - Professional React & Next.js/08. Project CorpComment/100. Conditional Rendering with Logical AND (&&).mp4
109. Disable Upvote Button.mp4
ByteGrad - Professional React & Next.js/08. Project CorpComment/109. Disable Upvote Button.mp4
intro (1).png
ByteGrad - Professional React & Next.js/08. Project CorpComment/intro (1).png
intro (4).png
ByteGrad - Professional React & Next.js/08. Project CorpComment/intro (4).png
intro (2).png
ByteGrad - Professional React & Next.js/08. Project CorpComment/intro (2).png
intro (3).png
ByteGrad - Professional React & Next.js/08. Project CorpComment/intro (3).png
intro (5).png
ByteGrad - Professional React & Next.js/08. Project CorpComment/intro (5).png
09. Project rmtDev
82 files • 5.34 GB
181. State Management in Context API (multiple contexts, dependency between them).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/181. State Management in Context API (multiple contexts, dependency between them).mp4
165. Keep track of bookmarked ids in context API.mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/165. Keep track of bookmarked ids in context API.mp4
161. Sorting (derived state).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/161. Sorting (derived state).mp4
147. Change Fetch to React-Query.mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/147. Change Fetch to React-Query.mp4
172. Multiple Fetch Calls in parallel without waterfall (react-query).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/172. Multiple Fetch Calls in parallel without waterfall (react-query).mp4
138. Fetch JobItem (custom hook).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/138. Fetch JobItem (custom hook).mp4
144. Debounce searchtext (useDebounce custom hook).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/144. Debounce searchtext (useDebounce custom hook).mp4
139. Render JobItem (custom type).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/139. Render JobItem (custom type).mp4
136. Keep track of activeId (reading and writing to URL, useEffect).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/136. Keep track of activeId (reading and writing to URL, useEffect).mp4
153. Refactor useJobItems to React-Query (+ Loading state).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/153. Refactor useJobItems to React-Query (+ Loading state).mp4
169. Typing custom hook (generics).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/169. Typing custom hook (generics).mp4
168. useLocalStorage (Custom hook).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/168. useLocalStorage (Custom hook).mp4
176. Part 1 Close popover - className.mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/176. Part 1 Close popover - className.mp4
170. Context API TypeScript (Custom Hook).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/170. Context API TypeScript (Custom Hook).mp4
171. Create Popover (reuse custom hook).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/171. Create Popover (reuse custom hook).mp4
156. Pagination.mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/156. Pagination.mp4
178. Part 3 Close popover - useOnClickOutside (custom hook).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/178. Part 3 Close popover - useOnClickOutside (custom hook).mp4
177. Part 2 Close popover - useRef.mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/177. Part 2 Close popover - useRef.mp4
158. Finish pagination (derived state).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/158. Finish pagination (derived state).mp4
123. Fetch data in useEffect (Fetch API Anatomy).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/123. Fetch data in useEffect (Fetch API Anatomy).mp4
180. ActiveId optimization custom hook vs context API.mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/180. ActiveId optimization custom hook vs context API.mp4
167. Persist data in localStorage (useState initializer function).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/167. Persist data in localStorage (useState initializer function).mp4
124. Showing search results (life state up, map over data).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/124. Showing search results (life state up, map over data).mp4
155. Unknown type in TypeScript.mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/155. Unknown type in TypeScript.mp4
157. Reusable component (Pagination Button).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/157. Reusable component (Pagination Button).mp4
173. Fix TypeScript Boolean (Asserting Casting Types).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/173. Fix TypeScript Boolean (Asserting Casting Types).mp4
182. JobList (Data Wrapper Pattern).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/182. JobList (Data Wrapper Pattern).mp4
145. useDebounce TypeScript (Generics).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/145. useDebounce TypeScript (Generics).mp4
118. Components overview.mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/118. Components overview.mp4
122. Where to fetch data (useEffect vs event handler.mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/122. Where to fetch data (useEffect vs event handler.mp4
164. Reusable component (Sorting Button).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/164. Reusable component (Sorting Button).mp4
149. Type return value of fetcher function (API response, promise).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/149. Type return value of fetcher function (API response, promise).mp4
129. useJobItems (custom hook benefits).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/129. useJobItems (custom hook benefits).mp4
140. Loading State (JobItemContent).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/140. Loading State (JobItemContent).mp4
154. Toast Messages (Show error message).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/154. Toast Messages (Show error message).mp4
126. Prevent prop drilling (children pattern).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/126. Prevent prop drilling (children pattern).mp4
116. rmtDev Project Intro.mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/116. rmtDev Project Intro.mp4
151. Error handling when fetching data.mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/151. Error handling when fetching data.mp4
120. Search component (controlled input).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/120. Search component (controlled input).mp4
141. Active item in list (custom hook).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/141. Active item in list (custom hook).mp4
146. Add key when there is no unique id.mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/146. Add key when there is no unique id.mp4
121. Data (Search Query Params vs Path Params).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/121. Data (Search Query Params vs Path Params).mp4
132. Type custom hook return value (as const).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/132. Type custom hook return value (as const).mp4
135. Benefits of data in URL (not in useState).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/135. Benefits of data in URL (not in useState).mp4
125. Typing API response (TypeScript).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/125. Typing API response (TypeScript).mp4
131. Custom hook rules (return object or array).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/131. Custom hook rules (return object or array).mp4
174. What if data has more than type specifies.mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/174. What if data has more than type specifies.mp4
183. useMemo (memoize derived state).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/183. useMemo (memoize derived state).mp4
184. Why it's important to update objects and arrays by creating new ones.mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/184. Why it's important to update objects and arrays by creating new ones.mp4
152. Purify custom hook (no derived state).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/152. Purify custom hook (no derived state).mp4
142. Results count (derived state, custom hook).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/142. Results count (derived state, custom hook).mp4
166. Event bubbling Prevent Default Stop propagation.mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/166. Event bubbling Prevent Default Stop propagation.mp4
179. Create portal for popover.mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/179. Create portal for popover.mp4
119. Compose the app with components.mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/119. Compose the app with components.mp4
186. useCallback for event handler functions.mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/186. useCallback for event handler functions.mp4
127. Loading state (JobList).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/127. Loading state (JobList).mp4
143. Return object instead of array from custom hook.mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/143. Return object instead of array from custom hook.mp4
117. Starter Setup (GitHub).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/117. Starter Setup (GitHub).mp4
163. Mutable update vs Creating new.mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/163. Mutable update vs Creating new.mp4
185. Memoize context value.mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/185. Memoize context value.mp4
137. Custom hook for activeId.mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/137. Custom hook for activeId.mp4
128. JobItem type (special types file).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/128. JobItem type (special types file).mp4
148. Fetcher function.mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/148. Fetcher function.mp4
130. Slice JobItems (derived state).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/130. Slice JobItems (derived state).mp4
134. Fix TypeScript issues (type setstate function).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/134. Fix TypeScript issues (type setstate function).mp4
175. Fix spinner CSS.mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/175. Fix spinner CSS.mp4
162. Extract type for page direction.mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/162. Extract type for page direction.mp4
150. Fix loading state in React-Query (isInitialLoading).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/150. Fix loading state in React-Query (isInitialLoading).mp4
187. Finish! Well done!.mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/187. Finish! Well done!.mp4
160. Extract constant for results per page.mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/160. Extract constant for results per page.mp4
159. Client-Side Pagination vs Server-Side Pagination.mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/159. Client-Side Pagination vs Server-Side Pagination.mp4
133. Fix key (key is not a prop).mp4
ByteGrad - Professional React & Next.js/09. Project rmtDev/133. Fix key (key is not a prop).mp4
intro (10).png
ByteGrad - Professional React & Next.js/09. Project rmtDev/intro (10).png
intro (9).png
ByteGrad - Professional React & Next.js/09. Project rmtDev/intro (9).png
intro (5).png
ByteGrad - Professional React & Next.js/09. Project rmtDev/intro (5).png
intro (6).png
ByteGrad - Professional React & Next.js/09. Project rmtDev/intro (6).png
intro (1).png
ByteGrad - Professional React & Next.js/09. Project rmtDev/intro (1).png
intro (4).png
ByteGrad - Professional React & Next.js/09. Project rmtDev/intro (4).png
intro (8).png
ByteGrad - Professional React & Next.js/09. Project rmtDev/intro (8).png
intro (3).png
ByteGrad - Professional React & Next.js/09. Project rmtDev/intro (3).png
intro (2).png
ByteGrad - Professional React & Next.js/09. Project rmtDev/intro (2).png
intro (7).png
ByteGrad - Professional React & Next.js/09. Project rmtDev/intro (7).png
13. Project PetSoft
88 files • 5.41 GB
321 Prisma Types (+ Remove Loading States).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/321 Prisma Types (+ Remove Loading States).mp4
316 useOptimistic for Optimistic UI.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/316 useOptimistic for Optimistic UI.mp4
272 Shadcn UI Intro & Setup.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/272 Shadcn UI Intro & Setup.mp4
298 Add Pet pt. 2.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/298 Add Pet pt. 2.mp4
296 Dialog (Shadcn UI).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/296 Dialog (Shadcn UI).mp4
281 Pet Context.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/281 Pet Context.mp4
303 Add Database (Prisma Setup + Seed).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/303 Add Database (Prisma Setup + Seed).mp4
290 Search Pets Feature.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/290 Search Pets Feature.mp4
324 Validation with Zod.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/324 Validation with Zod.mp4
322 React-Hook-Form (Setup).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/322 React-Hook-Form (Setup).mp4
293 Pet Buttons for CRUD-Actions.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/293 Pet Buttons for CRUD-Actions.mp4
273 App Segment (AppHeader, Dashboard Page + Account Page).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/273 App Segment (AppHeader, Dashboard Page + Account Page).mp4
297 Add Pet pt. 1 (Pet Form).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/297 Add Pet pt. 1 (Pet Form).mp4
305 AddPet Server Action.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/305 AddPet Server Action.mp4
328 Zod on Server (Reuse Schema).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/328 Zod on Server (Reuse Schema).mp4
269 Setup.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/269 Setup.mp4
276 Dashboard Grid Layout.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/276 Dashboard Grid Layout.mp4
285 Pet Details.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/285 Pet Details.mp4
289 Project High-Level Overview.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/289 Project High-Level Overview.mp4
279 PetList Fetch Data.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/279 PetList Fetch Data.mp4
302 Edit Pet pt. 2.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/302 Edit Pet pt. 2.mp4
343 Seed Database with User.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/343 Seed Database with User.mp4
270 Routing Strategy.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/270 Routing Strategy.mp4
271 Home page.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/271 Home page.mp4
320 Optimistic UI for Edit and Checkout.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/320 Optimistic UI for Edit and Checkout.mp4
308 revalidatePath in Server Actions.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/308 revalidatePath in Server Actions.mp4
312 Error State (Sonner Toast).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/312 Error State (Sonner Toast).mp4
294 Checkout (Delete) a Pet.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/294 Checkout (Delete) a Pet.mp4
334 JWT (JSON Web Tokens) and Cookies.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/334 JWT (JSON Web Tokens) and Cookies.mp4
330 Zod for Edit and Checkout.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/330 Zod for Edit and Checkout.mp4
306 Action Instead of OnSubmit.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/306 Action Instead of OnSubmit.mp4
342 User Database Model.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/342 User Database Model.mp4
338 JWT vs Database Sessions.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/338 JWT vs Database Sessions.mp4
341 Middleware in Next.js.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/341 Middleware in Next.js.mp4
313 EditPet Server Action.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/313 EditPet Server Action.mp4
268 PetSoft Intro.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/268 PetSoft Intro.mp4
309 Server Action Revalidation Overview.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/309 Server Action Revalidation Overview.mp4
292 Customize Reusable Components H1 + ContentBlock.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/292 Customize Reusable Components H1 + ContentBlock.mp4
286 Pet Details Refactoring.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/286 Pet Details Refactoring.mp4
275 Branding + Stats Components.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/275 Branding + Stats Components.mp4
311 useFormStatus (Loading State).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/311 useFormStatus (Loading State).mp4
323 Validation with Native React-Hook-Form.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/323 Validation with Native React-Hook-Form.mp4
333 Intro to Authentication.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/333 Intro to Authentication.mp4
332 Finish Auth Pages.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/332 Finish Auth Pages.mp4
283 Update Selected Pet Id.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/283 Update Selected Pet Id.mp4
326 Zod Transform (Pet Default Image).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/326 Zod Transform (Pet Default Image).mp4
299 Close Dialog.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/299 Close Dialog.mp4
329 Unknown Type (Server Action Input Type).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/329 Unknown Type (Server Action Input Type).mp4
301 Edit Pet pt. 1 (Prefill Form).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/301 Edit Pet pt. 1 (Prefill Form).mp4
339 Edge Network (Middleware).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/339 Edge Network (Middleware).mp4
314 CheckoutPet Server Action.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/314 CheckoutPet Server Action.mp4
304 Get Data from Database (Prisma Client).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/304 Get Data from Database (Prisma Client).mp4
287 Tailwind Extend (Config).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/287 Tailwind Extend (Config).mp4
318 Revert Optimistic Update.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/318 Revert Optimistic Update.mp4
317 flushSync (advanced React).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/317 flushSync (advanced React).mp4
327 Cleanup Fix Image.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/327 Cleanup Fix Image.mp4
277 Responsive Grid Layout.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/277 Responsive Grid Layout.mp4
315 useTransition for Server Actions (Loading State).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/315 useTransition for Server Actions (Loading State).mp4
331 Auth Pages (Nested Layout).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/331 Auth Pages (Nested Layout).mp4
340 Next-Auth vs Third-Party Auth (Kinde Auth).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/340 Next-Auth vs Third-Party Auth (Kinde Auth).mp4
282 TypeScript for Context API.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/282 TypeScript for Context API.mp4
278 PetList Add Pet + Styling.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/278 PetList Add Pet + Styling.mp4
337 JWT Structure.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/337 JWT Structure.mp4
335 Session Concept.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/335 Session Concept.mp4
300 Recap (High-Level Overview).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/300 Recap (High-Level Overview).mp4
284 Selected Pet Styling.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/284 Selected Pet Styling.mp4
295 Why Pet Button is a Client Component.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/295 Why Pet Button is a Client Component.mp4
336 Cookie vs Authorization Header (Bearer).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/336 Cookie vs Authorization Header (Bearer).mp4
310 Server Action Refactoring.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/310 Server Action Refactoring.mp4
280 Pet Type.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/280 Pet Type.mp4
288 Stats Component.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/288 Stats Component.mp4
319 Downsides of Optimistic UI.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/319 Downsides of Optimistic UI.mp4
274 App Footer.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/274 App Footer.mp4
307 Cleanup Default Image.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/307 Cleanup Default Image.mp4
291 Account Page.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/291 Account Page.mp4
325 Infer TypeScript Type from Zod.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft/325 Infer TypeScript Type from Zod.mp4
index (11).png
ByteGrad - Professional React & Next.js/13. Project PetSoft/index (11).png
index (8).png
ByteGrad - Professional React & Next.js/13. Project PetSoft/index (8).png
index (12).png
ByteGrad - Professional React & Next.js/13. Project PetSoft/index (12).png
index (6).png
ByteGrad - Professional React & Next.js/13. Project PetSoft/index (6).png
index (1).png
ByteGrad - Professional React & Next.js/13. Project PetSoft/index (1).png
index (2).png
ByteGrad - Professional React & Next.js/13. Project PetSoft/index (2).png
index (5).png
ByteGrad - Professional React & Next.js/13. Project PetSoft/index (5).png
index (7).png
ByteGrad - Professional React & Next.js/13. Project PetSoft/index (7).png
index (4).png
ByteGrad - Professional React & Next.js/13. Project PetSoft/index (4).png
index (3).png
ByteGrad - Professional React & Next.js/13. Project PetSoft/index (3).png
index (10).png
ByteGrad - Professional React & Next.js/13. Project PetSoft/index (10).png
index (9).png
ByteGrad - Professional React & Next.js/13. Project PetSoft/index (9).png
11. Project EVENTO
74 files • 3.09 GB
246. Server-Side Pagination in NextJS for EventsList.mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/246. Server-Side Pagination in NextJS for EventsList.mp4
203. Finish Home Page Styling With Tailwind CSS.mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/203. Finish Home Page Styling With Tailwind CSS.mp4
242. Setup SQLite with Prisma.mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/242. Setup SQLite with Prisma.mp4
216. EventCard Component (Flexbox Tricks).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/216. EventCard Component (Flexbox Tricks).mp4
241. EventCard Scroll-Based Animation with Framer Motion.mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/241. EventCard Scroll-Based Animation with Framer Motion.mp4
199. Routing Strategy (Layout & Pages, Dynamic Routes, Link).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/199. Routing Strategy (Layout & Pages, Dynamic Routes, Link).mp4
226. Finish Event Page Intro Section.mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/226. Finish Event Page Intro Section.mp4
238. Display Event Name as Title (generateMetadata).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/238. Display Event Name as Title (generateMetadata).mp4
248. Zod Validation in EVENTO for Incoming Data.mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/248. Zod Validation in EVENTO for Incoming Data.mp4
207. Active Link (clsx, Framer Motion).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/207. Active Link (clsx, Framer Motion).mp4
208. Search Form (When to Convert Server Component to Client Component).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/208. Search Form (When to Convert Server Component to Client Component).mp4
202. Header Styling (Why Tailwind).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/202. Header Styling (Why Tailwind).mp4
243. Replace Fetch API with Prisma Client.mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/243. Replace Fetch API with Prisma Client.mp4
217. Event Date (Copilot Magic).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/217. Event Date (Copilot Magic).mp4
228. Finish Event Page (Tailwind, React Pattern).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/228. Finish Event Page (Tailwind, React Pattern).mp4
260. Deploy to Vercel.mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/260. Deploy to Vercel.mp4
235. EventsList Suspense (Advanced Pattern for Data Fetching).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/235. EventsList Suspense (Advanced Pattern for Data Fetching).mp4
230. Client-Side Cache in NextJS (Router Cache).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/230. Client-Side Cache in NextJS (Router Cache).mp4
219. H1 Reusability (Reusability Best Practices, Tailwind-Merge).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/219. H1 Reusability (Reusability Best Practices, Tailwind-Merge).mp4
225. Image Component Advanced (+ Design Tips).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/225. Image Component Advanced (+ Design Tips).mp4
259. Using Postgres in Production.mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/259. Using Postgres in Production.mp4
200. Home Page Content (+ Tailwind Styling).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/200. Home Page Content (+ Tailwind Styling).mp4
213. Fetch Events (Fetch Data in Server Component).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/213. Fetch Events (Fetch Data in Server Component).mp4
233. Skeleton Card Component.mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/233. Skeleton Card Component.mp4
237. Data Cache and Revalidate.mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/237. Data Cache and Revalidate.mp4
198. Start Project (NextJS Fresh Install).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/198. Start Project (NextJS Fresh Install).mp4
215. EventsList Component (@ Path Alias).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/215. EventsList Component (@ Path Alias).mp4
255. Server-Only Utilities (Advanced Data Fetching Utilities).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/255. Server-Only Utilities (Advanced Data Fetching Utilities).mp4
250. Static vs Dynamic Rendering in EVENTO.mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/250. Static vs Dynamic Rendering in EVENTO.mp4
254. Advanced Data Cache Prisma ORM Caching with unstable_cache.mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/254. Advanced Data Cache Prisma ORM Caching with unstable_cache.mp4
218. Finish EventCard (Wrap in Link, Hover Effect).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/218. Finish EventCard (Wrap in Link, Hover Effect).mp4
220. cn() Utility Function (Replace clsx and Tailwind Merge).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/220. cn() Utility Function (Replace clsx and Tailwind Merge).mp4
240. Data Fetching Utilities.mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/240. Data Fetching Utilities.mp4
212. Page Params for Dynamic H1.mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/212. Page Params for Dynamic H1.mp4
209. Reusable H1 Component.mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/209. Reusable H1 Component.mp4
201. Logo (NextJS Image Component).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/201. Logo (NextJS Image Component).mp4
231. Cache and Loading.tsx.mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/231. Cache and Loading.tsx.mp4
232. Skeleton Component (Tailwind, cn()).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/232. Skeleton Component (Tailwind, cn()).mp4
197. EVENTO Project Intro.mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/197. EVENTO Project Intro.mp4
214. EventoEvent Type.mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/214. EventoEvent Type.mp4
252. Advanced Pattern Pre-Generating Popular Routes.mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/252. Advanced Pattern Pre-Generating Popular Routes.mp4
206. Metadata (TypeScript Metadata Type).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/206. Metadata (TypeScript Metadata Type).mp4
227. Reusable Hover Effect (Tailwind @apply Rule).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/227. Reusable Hover Effect (Tailwind @apply Rule).mp4
249. Middleware in EVENTO (Use Cases, Redirecting).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/249. Middleware in EVENTO (Use Cases, Redirecting).mp4
253. Advanced Link Component Prefetching in Production.mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/253. Advanced Link Component Prefetching in Production.mp4
223. Fetch Event From URL.mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/223. Fetch Event From URL.mp4
221. Fetch Events for Correct City.mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/221. Fetch Events for Correct City.mp4
211. Continue Events Page (Scrollbar Styling).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/211. Continue Events Page (Scrollbar Styling).mp4
247. Advanced Key Prop for Suspense.mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/247. Advanced Key Prop for Suspense.mp4
236. Advanced Pattern Data Fetching Wrapper Component for EventsList.mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/236. Advanced Pattern Data Fetching Wrapper Component for EventsList.mp4
205. Accent Color (Tailwind Config).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/205. Accent Color (Tailwind Config).mp4
239. Fetch Memoization in React & NextJS.mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/239. Fetch Memoization in React & NextJS.mp4
251. More Static vs Dynamic Rendering (Client Components Run on the Server).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/251. More Static vs Dynamic Rendering (Client Components Run on the Server).mp4
258. Deployment Options (NodeJS Server, Vercel).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/258. Deployment Options (NodeJS Server, Vercel).mp4
257. Deployment Options (Static Export).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/257. Deployment Options (Static Export).mp4
244. Sort Events by Date (Prisma Sorting).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/244. Sort Events by Date (Prisma Sorting).mp4
256. Opengraph Images in NextJS.mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/256. Opengraph Images in NextJS.mp4
245. notFound() Function in NextJS for Event Page.mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/245. notFound() Function in NextJS for Event Page.mp4
224. Event Page Scaffolding.mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/224. Event Page Scaffolding.mp4
234. Suspense & Streaming in NextJS (Loading.tsx).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/234. Suspense & Streaming in NextJS (Loading.tsx).mp4
222. Event Page Params (Get Event Slug from URL).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/222. Event Page Params (Get Event Slug from URL).mp4
229. Fix Image Object Fit vs Object Cover.mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/229. Fix Image Object Fit vs Object Cover.mp4
204. Container Props (ReactNode).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/204. Container Props (ReactNode).mp4
210. Clickable Logo (Link ).mp4
ByteGrad - Professional React & Next.js/11. Project EVENTO/210. Clickable Logo (Link ).mp4
index (9).png
ByteGrad - Professional React & Next.js/11. Project EVENTO/index (9).png
index (1).png
ByteGrad - Professional React & Next.js/11. Project EVENTO/index (1).png
index (6).png
ByteGrad - Professional React & Next.js/11. Project EVENTO/index (6).png
index (4).png
ByteGrad - Professional React & Next.js/11. Project EVENTO/index (4).png
index (7).png
ByteGrad - Professional React & Next.js/11. Project EVENTO/index (7).png
index (2).png
ByteGrad - Professional React & Next.js/11. Project EVENTO/index (2).png
index (5).png
ByteGrad - Professional React & Next.js/11. Project EVENTO/index (5).png
index (8).png
ByteGrad - Professional React & Next.js/11. Project EVENTO/index (8).png
index (3).png
ByteGrad - Professional React & Next.js/11. Project EVENTO/index (3).png
index (10).png
ByteGrad - Professional React & Next.js/11. Project EVENTO/index (10).png
13. Project PetSoft Part 2
39 files • 2.48 GB
367 Auth Validation.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/367 Auth Validation.mp4
345 Next-Auth Config.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/345 Next-Auth Config.mp4
359 Create Pet By User.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/359 Create Pet By User.mp4
346 Sign In with Next-Auth (Server Action).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/346 Sign In with Next-Auth (Server Action).mp4
366 NextAuth Route Handlers (GET, POST).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/366 NextAuth Route Handlers (GET, POST).mp4
352 Render User Email in UI.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/352 Render User Email in UI.mp4
365 Utility Functions (Getting Data).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/365 Utility Functions (Getting Data).mp4
356 Sign Up Functionality (Register).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/356 Sign Up Functionality (Register).mp4
360 Authorization (Deleting Pet).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/360 Authorization (Deleting Pet).mp4
353 Sign Out (Button + Server Action).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/353 Sign Out (Button + Server Action).mp4
347 Credentials Provider (Email Password) in Next-Auth.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/347 Credentials Provider (Email Password) in Next-Auth.mp4
357 Get Pets by User.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/357 Get Pets by User.mp4
369 Sign Up Validation.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/369 Sign Up Validation.mp4
350 Finish Login & Protect App.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/350 Finish Login & Protect App.mp4
374 UseFormState for Auth Error State.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/374 UseFormState for Auth Error State.mp4
368 Finish Login Validation.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/368 Finish Login Validation.mp4
373 UseFormStatus for Auth Loading State.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/373 UseFormStatus for Auth Loading State.mp4
358 Change Token Type & Finish Data Fetching.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/358 Change Token Type & Finish Data Fetching.mp4
375 Auth Error Handling.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/375 Auth Error Handling.mp4
376 NextJS Redirect Quirk.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/376 NextJS Redirect Quirk.mp4
363 Finish Utility Fn & Change NextAuth Type.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/363 Finish Utility Fn & Change NextAuth Type.mp4
370 Fix TypeScript PetEssentials.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/370 Fix TypeScript PetEssentials.mp4
348 Bcrypt Issue.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/348 Bcrypt Issue.mp4
354 Redirect Rules.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/354 Redirect Rules.mp4
361 Authorization (Editing Pet).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/361 Authorization (Editing Pet).mp4
349 Generate Secret with OpenSSL.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/349 Generate Secret with OpenSSL.mp4
372 Prisma Specific Errors.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/372 Prisma Specific Errors.mp4
362 Utility Function (Checking Auth).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/362 Utility Function (Checking Auth).mp4
364 Server Only Utilities.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/364 Server Only Utilities.mp4
377 Loading State for Logout (useTransition).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/377 Loading State for Logout (useTransition).mp4
344 Auth Form Reusability.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/344 Auth Form Reusability.mp4
355 Advanced Redirect Pattern.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/355 Advanced Redirect Pattern.mp4
371 Try Catch (Prisma).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/371 Try Catch (Prisma).mp4
351 PetForm Default Values.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/351 PetForm Default Values.mp4
index 13.png
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/index 13.png
index 15.png
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/index 15.png
index 17.png
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/index 17.png
index 14.png
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/index 14.png
index 16.png
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 2/index 16.png
13. Project PetSoft Part 3
22 files • 1.66 GB
391 Update JWT After Purchase.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 3/391 Update JWT After Purchase.mp4
397 Deploy to Vercel.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 3/397 Deploy to Vercel.mp4
381 Checkout Session Redirect.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 3/381 Checkout Session Redirect.mp4
398 Separate Bcrypt Outside Edge.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 3/398 Separate Bcrypt Outside Edge.mp4
393 Verify Webhooks.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 3/393 Verify Webhooks.mp4
390 Fulfill Order (Database Update).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 3/390 Fulfill Order (Database Update).mp4
389 Stripe Webhooks.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 3/389 Stripe Webhooks.mp4
387 Add hasAccess to token.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 3/387 Add hasAccess to token.mp4
396 Change SQLite to Vercel Postgres for Production.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 3/396 Change SQLite to Vercel Postgres for Production.mp4
380 Stripe Setup.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 3/380 Stripe Setup.mp4
378 Payments in NextJS Overview.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 3/378 Payments in NextJS Overview.mp4
386 Add hasAccess to Schema.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 3/386 Add hasAccess to Schema.mp4
394 Finalize Redirect Rules.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 3/394 Finalize Redirect Rules.mp4
388 Change Redirect Rules.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 3/388 Change Redirect Rules.mp4
382 SearchParams after Payment.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 3/382 SearchParams after Payment.mp4
392 Loading State for Updating JWT.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 3/392 Loading State for Updating JWT.mp4
379 Payment Page.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 3/379 Payment Page.mp4
395 Prepare for deployment.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 3/395 Prepare for deployment.mp4
385 SearchParams Type.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 3/385 SearchParams Type.mp4
384 Checkout Session Loading State for Server Action (useTransition).mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 3/384 Checkout Session Loading State for Server Action (useTransition).mp4
399 Stripe in production.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 3/399 Stripe in production.mp4
383 Cancelled Payment SearchParams.mp4
ByteGrad - Professional React & Next.js/13. Project PetSoft Part 3/383 Cancelled Payment SearchParams.mp4
03. Project Fancy Counter
21 files • 1.23 GB
15. Fresh React Vite Install (Lookaround).mp4
ByteGrad - Professional React & Next.js/03. Project Fancy Counter/15. Fresh React Vite Install (Lookaround).mp4
19. Styling our app and adding icons + font.mp4
ByteGrad - Professional React & Next.js/03. Project Fancy Counter/19. Styling our app and adding icons + font.mp4
20. Count State (useState, 'Rendering', 'Lifting state up', functional setState).mp4
ByteGrad - Professional React & Next.js/03. Project Fancy Counter/20. Count State (useState, 'Rendering', 'Lifting state up', functional setState).mp4
16. Split up the App into components.mp4
ByteGrad - Professional React & Next.js/03. Project Fancy Counter/16. Split up the App into components.mp4
17. Component fundamentals.mp4
ByteGrad - Professional React & Next.js/03. Project Fancy Counter/17. Component fundamentals.mp4
29. Spacebar to Increment.mp4
ByteGrad - Professional React & Next.js/03. Project Fancy Counter/29. Spacebar to Increment.mp4
28. Upper Limit (Derived State, Manipulate CSS).mp4
ByteGrad - Professional React & Next.js/03. Project Fancy Counter/28. Upper Limit (Derived State, Manipulate CSS).mp4
24. Create 1 Reusable Button Component.mp4
ByteGrad - Professional React & Next.js/03. Project Fancy Counter/24. Create 1 Reusable Button Component.mp4
30. Prop Drilling (Solution Children Composition).mp4
ByteGrad - Professional React & Next.js/03. Project Fancy Counter/30. Prop Drilling (Solution Children Composition).mp4
21. Event Handler Functions in React.mp4
ByteGrad - Professional React & Next.js/03. Project Fancy Counter/21. Event Handler Functions in React.mp4
18. Div vs Fragment.mp4
ByteGrad - Professional React & Next.js/03. Project Fancy Counter/18. Div vs Fragment.mp4
26. Finish Refactoring Reusable Button Component.mp4
ByteGrad - Professional React & Next.js/03. Project Fancy Counter/26. Finish Refactoring Reusable Button Component.mp4
23. Inline vs Extracting Event Handler Functions.mp4
ByteGrad - Professional React & Next.js/03. Project Fancy Counter/23. Inline vs Extracting Event Handler Functions.mp4
25. Conditional Rendering (Ternary Operator vs Logical && Operator).mp4
ByteGrad - Professional React & Next.js/03. Project Fancy Counter/25. Conditional Rendering (Ternary Operator vs Logical && Operator).mp4
14. Fancy Counter Intro.mp4
ByteGrad - Professional React & Next.js/03. Project Fancy Counter/14. Fancy Counter Intro.mp4
27. Bottom Limit.mp4
ByteGrad - Professional React & Next.js/03. Project Fancy Counter/27. Bottom Limit.mp4
31. Recap Most Important React Concepts from this project.mp4
ByteGrad - Professional React & Next.js/03. Project Fancy Counter/31. Recap Most Important React Concepts from this project.mp4
22. Reset Button.mp4
ByteGrad - Professional React & Next.js/03. Project Fancy Counter/22. Reset Button.mp4
index (3).png
ByteGrad - Professional React & Next.js/03. Project Fancy Counter/index (3).png
index (2).png
ByteGrad - Professional React & Next.js/03. Project Fancy Counter/index (2).png
index (1).png
ByteGrad - Professional React & Next.js/03. Project Fancy Counter/index (1).png
06. Project Trekbag
24 files • 1.69 GB
85. Zustand (Replace Context API with Zustand).mp4
ByteGrad - Professional React & Next.js/06. Project Trekbag/85. Zustand (Replace Context API with Zustand).mp4
68. Project Structure (Reusability).mp4
ByteGrad - Professional React & Next.js/06. Project Trekbag/68. Project Structure (Reusability).mp4
71. AddItemForm (Controlled vs Uncontrolled Input, useState, Array of Objects, Spread Operator).mp4
ByteGrad - Professional React & Next.js/06. Project Trekbag/71. AddItemForm (Controlled vs Uncontrolled Input, useState, Array of Objects, Spread Operator).mp4
74. Finish Secondary Buttons.mp4
ByteGrad - Professional React & Next.js/06. Project Trekbag/74. Finish Secondary Buttons.mp4
70. Item List (useState, map, input checkboxes).mp4
ByteGrad - Professional React & Next.js/06. Project Trekbag/70. Item List (useState, map, input checkboxes).mp4
83. Context API with Custom Hook (Avoid Prop Drilling pt. 2).mp4
ByteGrad - Professional React & Next.js/06. Project Trekbag/83. Context API with Custom Hook (Avoid Prop Drilling pt. 2).mp4
79. Sorting Items (React-Select Component).mp4
ByteGrad - Professional React & Next.js/06. Project Trekbag/79. Sorting Items (React-Select Component).mp4
80. Advanced LocalStorage with useState.mp4
ByteGrad - Professional React & Next.js/06. Project Trekbag/80. Advanced LocalStorage with useState.mp4
72. React Pattern Separate Implemention Logic from Where Event Occurred.mp4
ByteGrad - Professional React & Next.js/06. Project Trekbag/72. React Pattern Separate Implemention Logic from Where Event Occurred.mp4
75. Delete & Toggle Individual Item.mp4
ByteGrad - Professional React & Next.js/06. Project Trekbag/75. Delete & Toggle Individual Item.mp4
69. Secondary Buttons (map, key).mp4
ByteGrad - Professional React & Next.js/06. Project Trekbag/69. Secondary Buttons (map, key).mp4
78. Best Practice Where to compute derived state.mp4
ByteGrad - Professional React & Next.js/06. Project Trekbag/78. Best Practice Where to compute derived state.mp4
82. Children Composition (Avoid Prop Drilling pt. 1).mp4
ByteGrad - Professional React & Next.js/06. Project Trekbag/82. Children Composition (Avoid Prop Drilling pt. 1).mp4
77. Empty View (Conditional Rendering Pitfalls).mp4
ByteGrad - Professional React & Next.js/06. Project Trekbag/77. Empty View (Conditional Rendering Pitfalls).mp4
76. React Pattern for Updating State, naming props.mp4
ByteGrad - Professional React & Next.js/06. Project Trekbag/76. React Pattern for Updating State, naming props.mp4
67. Create a new Vite React App for Trekbag.mp4
ByteGrad - Professional React & Next.js/06. Project Trekbag/67. Create a new Vite React App for Trekbag.mp4
84. The problem with the Context API.mp4
ByteGrad - Professional React & Next.js/06. Project Trekbag/84. The problem with the Context API.mp4
73. Best Practices Naming Props.mp4
ByteGrad - Professional React & Next.js/06. Project Trekbag/73. Best Practices Naming Props.mp4
81. Best Practices useMemo.mp4
ByteGrad - Professional React & Next.js/06. Project Trekbag/81. Best Practices useMemo.mp4
66. Trekbag Project Intro.mp4
ByteGrad - Professional React & Next.js/06. Project Trekbag/66. Trekbag Project Intro.mp4
intro (3).png
ByteGrad - Professional React & Next.js/06. Project Trekbag/intro (3).png
intro (2).png
ByteGrad - Professional React & Next.js/06. Project Trekbag/intro (2).png
intro (4).png
ByteGrad - Professional React & Next.js/06. Project Trekbag/intro (4).png
intro (1).png
ByteGrad - Professional React & Next.js/06. Project Trekbag/intro (1).png
04. Project Word Analytics
20 files • 809.6 MB
33. Setup (Build a React App from Scratch).mp4
ByteGrad - Professional React & Next.js/04. Project Word Analytics/33. Setup (Build a React App from Scratch).mp4
36. Basic Validation.mp4
ByteGrad - Professional React & Next.js/04. Project Word Analytics/36. Basic Validation.mp4
43. Lifting state up.mp4
ByteGrad - Professional React & Next.js/04. Project Word Analytics/43. Lifting state up.mp4
35. Uncontrolled vs Controlled (Textarea).mp4
ByteGrad - Professional React & Next.js/04. Project Word Analytics/35. Uncontrolled vs Controlled (Textarea).mp4
41. Reusable Component (Stat Component).mp4
ByteGrad - Professional React & Next.js/04. Project Word Analytics/41. Reusable Component (Stat Component).mp4
42. Derived State (numberOfCharacters).mp4
ByteGrad - Professional React & Next.js/04. Project Word Analytics/42. Derived State (numberOfCharacters).mp4
37. Reusable Component (Warning Component).mp4
ByteGrad - Professional React & Next.js/04. Project Word Analytics/37. Reusable Component (Warning Component).mp4
34. Handle events (Change Event).mp4
ByteGrad - Professional React & Next.js/04. Project Word Analytics/34. Handle events (Change Event).mp4
44. Other Stats Data (Derived State).mp4
ByteGrad - Professional React & Next.js/04. Project Word Analytics/44. Other Stats Data (Derived State).mp4
38. You don't always need to add more useState.mp4
ByteGrad - Professional React & Next.js/04. Project Word Analytics/38. You don't always need to add more useState.mp4
48. Folder Structure.mp4
ByteGrad - Professional React & Next.js/04. Project Word Analytics/48. Folder Structure.mp4
46. Manipulate CSS in React.mp4
ByteGrad - Professional React & Next.js/04. Project Word Analytics/46. Manipulate CSS in React.mp4
45. Combine Props into 1 Prop Object.mp4
ByteGrad - Professional React & Next.js/04. Project Word Analytics/45. Combine Props into 1 Prop Object.mp4
47. Extract Constants into a Separate File.mp4
ByteGrad - Professional React & Next.js/04. Project Word Analytics/47. Extract Constants into a Separate File.mp4
40. Stats Section (JSX Markup).mp4
ByteGrad - Professional React & Next.js/04. Project Word Analytics/40. Stats Section (JSX Markup).mp4
39. Finish validation (Remove Warning).mp4
ByteGrad - Professional React & Next.js/04. Project Word Analytics/39. Finish validation (Remove Warning).mp4
32. Word Analytics Intro.mp4
ByteGrad - Professional React & Next.js/04. Project Word Analytics/32. Word Analytics Intro.mp4
index (1).png
ByteGrad - Professional React & Next.js/04. Project Word Analytics/index (1).png
index (2).png
ByteGrad - Professional React & Next.js/04. Project Word Analytics/index (2).png
index (3).png
ByteGrad - Professional React & Next.js/04. Project Word Analytics/index (3).png
05. Intermediate React & JavaScript
20 files • 647.94 MB
62. Fetch API with AsyncAwait.mp4
ByteGrad - Professional React & Next.js/05. Intermediate React & JavaScript/62. Fetch API with AsyncAwait.mp4
49. Arrays (Intermediate).mp4
ByteGrad - Professional React & Next.js/05. Intermediate React & JavaScript/49. Arrays (Intermediate).mp4
63. Fetch API in React useEffect for Fetching Data.mp4
ByteGrad - Professional React & Next.js/05. Intermediate React & JavaScript/63. Fetch API in React useEffect for Fetching Data.mp4
59. Fetch API Introduction.mp4
ByteGrad - Professional React & Next.js/05. Intermediate React & JavaScript/59. Fetch API Introduction.mp4
60. Example GET Data from API & Display in HTML with Fetch API.mp4
ByteGrad - Professional React & Next.js/05. Intermediate React & JavaScript/60. Example GET Data from API & Display in HTML with Fetch API.mp4
64. Custom hooks.mp4
ByteGrad - Professional React & Next.js/05. Intermediate React & JavaScript/64. Custom hooks.mp4
51. Arrays (Advanced).mp4
ByteGrad - Professional React & Next.js/05. Intermediate React & JavaScript/51. Arrays (Advanced).mp4
58. Functions (Advanced).mp4
ByteGrad - Professional React & Next.js/05. Intermediate React & JavaScript/58. Functions (Advanced).mp4
57. Functions (Intermediate).mp4
ByteGrad - Professional React & Next.js/05. Intermediate React & JavaScript/57. Functions (Intermediate).mp4
50. Objects (Intermediate).mp4
ByteGrad - Professional React & Next.js/05. Intermediate React & JavaScript/50. Objects (Intermediate).mp4
61. Fetch API in 4 Minutes (GET POST PUT DELETE, JSON).mp4
ByteGrad - Professional React & Next.js/05. Intermediate React & JavaScript/61. Fetch API in 4 Minutes (GET POST PUT DELETE, JSON).mp4
65. Rules of Hooks.mp4
ByteGrad - Professional React & Next.js/05. Intermediate React & JavaScript/65. Rules of Hooks.mp4
56. Short Circuiting (&& and --).mp4
ByteGrad - Professional React & Next.js/05. Intermediate React & JavaScript/56. Short Circuiting (&& and --).mp4
55. Primitives vs References.mp4
ByteGrad - Professional React & Next.js/05. Intermediate React & JavaScript/55. Primitives vs References.mp4
54. Destructuring.mp4
ByteGrad - Professional React & Next.js/05. Intermediate React & JavaScript/54. Destructuring.mp4
52. Objects (Advanced).mp4
ByteGrad - Professional React & Next.js/05. Intermediate React & JavaScript/52. Objects (Advanced).mp4
53. Spread Operator.mp4
ByteGrad - Professional React & Next.js/05. Intermediate React & JavaScript/53. Spread Operator.mp4
index (2).png
ByteGrad - Professional React & Next.js/05. Intermediate React & JavaScript/index (2).png
index (1).png
ByteGrad - Professional React & Next.js/05. Intermediate React & JavaScript/index (1).png
index (3).png
ByteGrad - Professional React & Next.js/05. Intermediate React & JavaScript/index (3).png
01. Introduction
4 files • 132.78 MB
2. Setup (Browser, VS Code Extensions, Prettier, Prisma, NodeJS, Git, GitHub).mp4
ByteGrad - Professional React & Next.js/01. Introduction/2. Setup (Browser, VS Code Extensions, Prettier, Prisma, NodeJS, Git, GitHub).mp4
1. Course Introduction.mp4
ByteGrad - Professional React & Next.js/01. Introduction/1. Course Introduction.mp4
3. Is an AI Copilot (example GitHub Copilot) a necessity for this course.mp4
ByteGrad - Professional React & Next.js/01. Introduction/3. Is an AI Copilot (example GitHub Copilot) a necessity for this course.mp4
index.png
ByteGrad - Professional React & Next.js/01. Introduction/index.png
14. Closing
1 files • 7.46 MB
THE END! Well done!.mp4
ByteGrad - Professional React & Next.js/14. Closing/THE END! Well done!.mp4
bytegrad.csv
ByteGrad - Professional React & Next.js/bytegrad.csv
Resources.txt
ByteGrad - Professional React & Next.js/Resources.txt
Trackers (10)
udp://tracker.torrent.eu.org:451/announce
udp://tracker.opentrackr.org:1337/announce
udp://open.dstud.io:6969/announce
udp://opentracker.io:6969/announce
udp://wepzone.net:6969/announce
udp://p4p.arenabg.com:1337/announce
udp://retracker01-msk-virt.corbina.net:80/announce
udp://tracker.bittor.pw:1337/announce
udp://explodie.org:6969/announce
udp://tracker-udp.gbitt.info:80/announce
Similar Torrents 15
Based on tags and category