Index of /ByteGrad - Professional React & Next.js/09. Project rmtDev/
../
116. rmtDev Project Intro.mp4 20-Nov-2024 01:42 59298772
117. Starter Setup (GitHub).mp4 20-Nov-2024 01:39 33501036
118. Components overview.mp4 20-Nov-2024 01:42 76193956
119. Compose the app with components.mp4 20-Nov-2024 01:41 35532188
120. Search component (controlled input).mp4 20-Nov-2024 01:37 53053224
121. Data (Search Query Params vs Path Params).mp4 20-Nov-2024 01:39 48425604
122. Where to fetch data (useEffect vs event ha..> 20-Nov-2024 01:32 65955476
123. Fetch data in useEffect (Fetch API Anatomy..> 20-Nov-2024 01:42 99521936
124. Showing search results (life state up, map..> 20-Nov-2024 01:37 90936728
125. Typing API response (TypeScript).mp4 20-Nov-2024 01:29 45271716
126. Prevent prop drilling (children pattern).mp4 20-Nov-2024 01:41 60993028
127. Loading state (JobList).mp4 20-Nov-2024 01:37 34787896
128. JobItem type (special types file).mp4 20-Nov-2024 01:34 27416416
129. useJobItems (custom hook benefits).mp4 20-Nov-2024 01:42 62888444
130. Slice JobItems (derived state).mp4 20-Nov-2024 01:39 19810124
131. Custom hook rules (return object or array)..> 20-Nov-2024 01:22 45233364
132. Type custom hook return value (as const).mp4 20-Nov-2024 01:42 48230460
133. Fix key (key is not a prop).mp4 20-Nov-2024 01:32 8309224
134. Fix TypeScript issues (type setstate funct..> 20-Nov-2024 01:11 17044832
135. Benefits of data in URL (not in useState).mp4 20-Nov-2024 01:41 46503680
136. Keep track of activeId (reading and writin..> 20-Nov-2024 01:42 145672928
137. Custom hook for activeId.mp4 20-Nov-2024 01:37 28523736
138. Fetch JobItem (custom hook).mp4 20-Nov-2024 01:42 190597032
139. Render JobItem (custom type).mp4 20-Nov-2024 01:42 159230924
140. Loading State (JobItemContent).mp4 20-Nov-2024 01:37 61668888
141. Active item in list (custom hook).mp4 20-Nov-2024 01:37 52125632
142. Results count (derived state, custom hook)..> 20-Nov-2024 01:41 39649764
143. Return object instead of array from custom..> 20-Nov-2024 01:38 34499316
144. Debounce searchtext (useDebounce custom ho..> 20-Nov-2024 01:42 166108528
145. useDebounce TypeScript (Generics).mp4 20-Nov-2024 01:36 79045540
146. Add key when there is no unique id.mp4 20-Nov-2024 01:42 50903632
147. Change Fetch to React-Query.mp4 20-Nov-2024 01:40 231875064
148. Fetcher function.mp4 20-Nov-2024 01:29 24254256
149. Type return value of fetcher function (API..> 20-Nov-2024 01:40 63992568
150. Fix loading state in React-Query (isInitia..> 20-Nov-2024 01:11 12301968
151. Error handling when fetching data.mp4 20-Nov-2024 01:39 58652428
152. Purify custom hook (no derived state).mp4 20-Nov-2024 01:36 40415488
153. Refactor useJobItems to React-Query (+ Loa..> 20-Nov-2024 01:42 141412096
154. Toast Messages (Show error message).mp4 20-Nov-2024 01:30 61541424
155. Unknown type in TypeScript.mp4 20-Nov-2024 01:41 90399800
156. Pagination.mp4 20-Nov-2024 01:42 122459628
157. Reusable component (Pagination Button).mp4 20-Nov-2024 01:39 87528288
158. Finish pagination (derived state).mp4 20-Nov-2024 01:40 100017316
159. Client-Side Pagination vs Server-Side Pagi..> 20-Nov-2024 01:34 10946112
160. Extract constant for results per page.mp4 20-Nov-2024 01:20 11025448
161. Sorting (derived state).mp4 20-Nov-2024 01:43 234684536
162. Extract type for page direction.mp4 20-Nov-2024 01:26 12322460
163. Mutable update vs Creating new.mp4 20-Nov-2024 01:40 31440368
164. Reusable component (Sorting Button).mp4 20-Nov-2024 01:40 65513300
165. Keep track of bookmarked ids in context AP..> 20-Nov-2024 01:42 279954184
166. Event bubbling Prevent Default Stop prop..> 20-Nov-2024 01:39 38688708
167. Persist data in localStorage (useState ini..> 20-Nov-2024 01:42 94645592
168. useLocalStorage (Custom hook).mp4 20-Nov-2024 01:42 134560060
169. Typing custom hook (generics).mp4 20-Nov-2024 01:42 140376028
170. Context API TypeScript (Custom Hook).mp4 20-Nov-2024 01:42 130522572
171. Create Popover (reuse custom hook).mp4 20-Nov-2024 01:43 123721108
172. Multiple Fetch Calls in parallel without w..> 20-Nov-2024 01:43 220297460
173. Fix TypeScript Boolean (Asserting Casting..> 20-Nov-2024 01:39 85464048
174. What if data has more than type specifies.mp4 20-Nov-2024 01:42 42692732
175. Fix spinner CSS.mp4 20-Nov-2024 01:13 12673268
176. Part 1 Close popover - className.mp4 20-Nov-2024 01:41 131458624
177. Part 2 Close popover - useRef.mp4 20-Nov-2024 01:42 105488492
178. Part 3 Close popover - useOnClickOutside (..> 20-Nov-2024 01:40 108724348
179. Create portal for popover.mp4 20-Nov-2024 01:32 37411812
180. ActiveId optimization custom hook vs conte..> 20-Nov-2024 01:40 95469784
181. State Management in Context API (multiple ..> 20-Nov-2024 01:41 317290608
182. JobList (Data Wrapper Pattern).mp4 20-Nov-2024 01:41 81853696
183. useMemo (memoize derived state).mp4 20-Nov-2024 01:40 42637272
184. Why it's important to update objects and a..> 20-Nov-2024 01:41 42122340
185. Memoize context value.mp4 20-Nov-2024 01:40 29904032
186. useCallback for event handler functions.mp4 20-Nov-2024 01:30 35144344
187. Finish! Well done!.mp4 20-Nov-2024 01:40 11128096
intro (1).png 20-Nov-2024 01:40 498752
intro (10).png 20-Nov-2024 00:46 588358
intro (2).png 20-Nov-2024 01:40 463699
intro (3).png 20-Nov-2024 01:40 480715
intro (4).png 20-Nov-2024 01:40 486027
intro (5).png 20-Nov-2024 00:42 531978
intro (6).png 20-Nov-2024 00:42 505354
intro (7).png 20-Nov-2024 00:42 429484
intro (8).png 20-Nov-2024 00:42 483427
intro (9).png 20-Nov-2024 00:46 549794