Skip to content

Commit 5afd604

Browse files
actions-useractions-user
committed
Update latest videos
1 parent 9752782 commit 5afd604

File tree

2 files changed

+660
-0
lines changed

2 files changed

+660
-0
lines changed

‎README.md‎

Lines changed: 330 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -128,5 +128,335 @@ Check out my latest videos:
128128
</td>
129129
</tr>
130130

131+
<tr>
132+
<td style="padding: 10px; vertical-align: top;">
133+
<a href="https://www.youtube.com/watch?v=x03yX-yNxas" target="_blank">
134+
<img width="150" src="https://img.youtube.com/vi/x03yX-yNxas/mqdefault.jpg" alt="MASTER Optimistic UI Pattern in React 19 || useOptimistic Hook || Day 08">
135+
</a>
136+
</td>
137+
<td style="padding: 10px; vertical-align: top;">
138+
<a href="https://www.youtube.com/watch?v=x03yX-yNxas" target="_blank">
139+
<strong>MASTER Optimistic UI Pattern in React 19 || useOptimistic Hook || Day 08</strong>
140+
</a>
141+
<br/>
142+
<p>In this video, we'll uncover one of the most powerful and user-experience-boosting patterns in modern React — the Optimistic UI ......</p>
143+
</td>
144+
</tr>
145+
146+
<tr>
147+
<td style="padding: 10px; vertical-align: top;">
148+
<a href="https://www.youtube.com/watch?v=POWMosrdamI" target="_blank">
149+
<img width="150" src="https://img.youtube.com/vi/POWMosrdamI/mqdefault.jpg" alt="MASTER the Provider Pattern in React || Context Made Simple! || Day 07">
150+
</a>
151+
</td>
152+
<td style="padding: 10px; vertical-align: top;">
153+
<a href="https://www.youtube.com/watch?v=POWMosrdamI" target="_blank">
154+
<strong>MASTER the Provider Pattern in React || Context Made Simple! || Day 07</strong>
155+
</a>
156+
<br/>
157+
<p>Welcome to Day 07 of our React Design Patterns Series! Today, we're diving deep into the Provider Pattern — one of the most ......</p>
158+
</td>
159+
</tr>
160+
161+
<tr>
162+
<td style="padding: 10px; vertical-align: top;">
163+
<a href="https://www.youtube.com/watch?v=fhwvqTry_Vg" target="_blank">
164+
<img width="150" src="https://img.youtube.com/vi/fhwvqTry_Vg/mqdefault.jpg" alt="MASTER React Custom Hook Pattern with Real-World Examples || Day 06">
165+
</a>
166+
</td>
167+
<td style="padding: 10px; vertical-align: top;">
168+
<a href="https://www.youtube.com/watch?v=fhwvqTry_Vg" target="_blank">
169+
<strong>MASTER React Custom Hook Pattern with Real-World Examples || Day 06</strong>
170+
</a>
171+
<br/>
172+
<p>Welcome to Day 06 of 15 Days of React Design Patterns – Clean Code Made Easy! In this session, Learn how to build your own ......</p>
173+
</td>
174+
</tr>
175+
176+
<tr>
177+
<td style="padding: 10px; vertical-align: top;">
178+
<a href="https://www.youtube.com/watch?v=spDQ4oCKSPY" target="_blank">
179+
<img width="150" src="https://img.youtube.com/vi/spDQ4oCKSPY/mqdefault.jpg" alt="Master Higher Order Functions &amp; Components in React || Day 05">
180+
</a>
181+
</td>
182+
<td style="padding: 10px; vertical-align: top;">
183+
<a href="https://www.youtube.com/watch?v=spDQ4oCKSPY" target="_blank">
184+
<strong>Master Higher Order Functions &amp; Components in React || Day 05</strong>
185+
</a>
186+
<br/>
187+
<p>Welcome to Day 05 of 15 Days of React Design Patterns – Clean Code Made Easy! In this session, we'll dive deep into one of ......</p>
188+
</td>
189+
</tr>
190+
191+
<tr>
192+
<td style="padding: 10px; vertical-align: top;">
193+
<a href="https://www.youtube.com/watch?v=tIdJj0n1mg4" target="_blank">
194+
<img width="150" src="https://img.youtube.com/vi/tIdJj0n1mg4/mqdefault.jpg" alt="Master the Render Props Pattern in React - Share Logic Without Duplication || Day 04">
195+
</a>
196+
</td>
197+
<td style="padding: 10px; vertical-align: top;">
198+
<a href="https://www.youtube.com/watch?v=tIdJj0n1mg4" target="_blank">
199+
<strong>Master the Render Props Pattern in React - Share Logic Without Duplication || Day 04</strong>
200+
</a>
201+
<br/>
202+
<p>Welcome to Day 04 of the React Design Patterns Series! In this session, we uncover one of React's most powerful (and historical) ......</p>
203+
</td>
204+
</tr>
205+
206+
<tr>
207+
<td style="padding: 10px; vertical-align: top;">
208+
<a href="https://www.youtube.com/watch?v=_CDnddrVMyo" target="_blank">
209+
<img width="150" src="https://img.youtube.com/vi/_CDnddrVMyo/mqdefault.jpg" alt="40 Days of JavaScript Badge Unlocked! 🎖️ Here’s How to Get Yours">
210+
</a>
211+
</td>
212+
<td style="padding: 10px; vertical-align: top;">
213+
<a href="https://www.youtube.com/watch?v=_CDnddrVMyo" target="_blank">
214+
<strong>40 Days of JavaScript Badge Unlocked! 🎖️ Here’s How to Get Yours</strong>
215+
</a>
216+
<br/>
217+
<p>If you've completed the 40 Days of JavaScript journey, it's time to claim your official completion badge! In this video, I'll show ......</p>
218+
</td>
219+
</tr>
220+
221+
<tr>
222+
<td style="padding: 10px; vertical-align: top;">
223+
<a href="https://www.youtube.com/watch?v=LglWulOqh6k" target="_blank">
224+
<img width="150" src="https://img.youtube.com/vi/LglWulOqh6k/mqdefault.jpg" alt="Mastering Compound Components Design Pattern in React || Day 03">
225+
</a>
226+
</td>
227+
<td style="padding: 10px; vertical-align: top;">
228+
<a href="https://www.youtube.com/watch?v=LglWulOqh6k" target="_blank">
229+
<strong>Mastering Compound Components Design Pattern in React || Day 03</strong>
230+
</a>
231+
<br/>
232+
<p>Welcome to Day 03 of 15 Days of React Design Patterns – Clean Code Made Easy! In this session, we dive deep into one of the ......</p>
233+
</td>
234+
</tr>
235+
236+
<tr>
237+
<td style="padding: 10px; vertical-align: top;">
238+
<a href="https://www.youtube.com/watch?v=jPMCouXondI" target="_blank">
239+
<img width="150" src="https://img.youtube.com/vi/jPMCouXondI/mqdefault.jpg" alt="React Design Patterns || Controlled &amp; Uncontrolled Forms || Day 02">
240+
</a>
241+
</td>
242+
<td style="padding: 10px; vertical-align: top;">
243+
<a href="https://www.youtube.com/watch?v=jPMCouXondI" target="_blank">
244+
<strong>React Design Patterns || Controlled &amp; Uncontrolled Forms || Day 02</strong>
245+
</a>
246+
<br/>
247+
<p>Welcome to Day 02 of React Design Patterns! In this session, we delve into one of the most important concepts every React ......</p>
248+
</td>
249+
</tr>
250+
251+
<tr>
252+
<td style="padding: 10px; vertical-align: top;">
253+
<a href="https://www.youtube.com/watch?v=1UHbhikwg-s" target="_blank">
254+
<img width="150" src="https://img.youtube.com/vi/1UHbhikwg-s/mqdefault.jpg" alt="MASTER React Container-Presenter Pattern | Code Smell to Clean Code || Day 01">
255+
</a>
256+
</td>
257+
<td style="padding: 10px; vertical-align: top;">
258+
<a href="https://www.youtube.com/watch?v=1UHbhikwg-s" target="_blank">
259+
<strong>MASTER React Container-Presenter Pattern | Code Smell to Clean Code || Day 01</strong>
260+
</a>
261+
<br/>
262+
<p>Welcome to Day 01 of “15 Days of React Design Patterns” In this session, we dive deep into the Container–Presenter Pattern, ......</p>
263+
</td>
264+
</tr>
265+
266+
<tr>
267+
<td style="padding: 10px; vertical-align: top;">
268+
<a href="https://www.youtube.com/watch?v=OWi31QoHqNk" target="_blank">
269+
<img width="150" src="https://img.youtube.com/vi/OWi31QoHqNk/mqdefault.jpg" alt="Why React Needs Design Patterns + 10-Min Crash Course">
270+
</a>
271+
</td>
272+
<td style="padding: 10px; vertical-align: top;">
273+
<a href="https://www.youtube.com/watch?v=OWi31QoHqNk" target="_blank">
274+
<strong>Why React Needs Design Patterns + 10-Min Crash Course</strong>
275+
</a>
276+
<br/>
277+
<p>Welcome to Day 0 of “15 Days of React Design Patterns” In this kickoff episode, we'll cover why React needs design patterns ......</p>
278+
</td>
279+
</tr>
280+
281+
<tr>
282+
<td style="padding: 10px; vertical-align: top;">
283+
<a href="https://www.youtube.com/watch?v=KnhK9BeDpdI" target="_blank">
284+
<img width="150" src="https://img.youtube.com/vi/KnhK9BeDpdI/mqdefault.jpg" alt="Build an AI Code Explainer with React 19 (Step-by-Step Tutorial)">
285+
</a>
286+
</td>
287+
<td style="padding: 10px; vertical-align: top;">
288+
<a href="https://www.youtube.com/watch?v=KnhK9BeDpdI" target="_blank">
289+
<strong>Build an AI Code Explainer with React 19 (Step-by-Step Tutorial)</strong>
290+
</a>
291+
<br/>
292+
<p>Want to learn how to combine React 19 and AI LLMs to build something truly useful? In this tutorial, we'll create an AI-powered ......</p>
293+
</td>
294+
</tr>
295+
296+
<tr>
297+
<td style="padding: 10px; vertical-align: top;">
298+
<a href="https://www.youtube.com/watch?v=ID86VfmkOUk" target="_blank">
299+
<img width="150" src="https://img.youtube.com/vi/ID86VfmkOUk/mqdefault.jpg" alt="10 React Tricks That Make You Look Like a Senior Developer">
300+
</a>
301+
</td>
302+
<td style="padding: 10px; vertical-align: top;">
303+
<a href="https://www.youtube.com/watch?v=ID86VfmkOUk" target="_blank">
304+
<strong>10 React Tricks That Make You Look Like a Senior Developer</strong>
305+
</a>
306+
<br/>
307+
<p>Want to write React code like a senior developer? In this video, I'll share 10 powerful React tricks that will instantly make your ......</p>
308+
</td>
309+
</tr>
310+
311+
<tr>
312+
<td style="padding: 10px; vertical-align: top;">
313+
<a href="https://www.youtube.com/watch?v=ITNaVrDk9G0" target="_blank">
314+
<img width="150" src="https://img.youtube.com/vi/ITNaVrDk9G0/mqdefault.jpg" alt="Day 40: Master JavaScript with This Real-World Expense Splitter App (Full Guide)">
315+
</a>
316+
</td>
317+
<td style="padding: 10px; vertical-align: top;">
318+
<a href="https://www.youtube.com/watch?v=ITNaVrDk9G0" target="_blank">
319+
<strong>Day 40: Master JavaScript with This Real-World Expense Splitter App (Full Guide)</strong>
320+
</a>
321+
<br/>
322+
<p>Splitter — The ultimate JavaScript final project that brings together everything you've learned about JS, built from scratch by a ......</p>
323+
</td>
324+
</tr>
325+
326+
<tr>
327+
<td style="padding: 10px; vertical-align: top;">
328+
<a href="https://www.youtube.com/watch?v=aCJUoYWwAj8" target="_blank">
329+
<img width="150" src="https://img.youtube.com/vi/aCJUoYWwAj8/mqdefault.jpg" alt="Day 39: JavaScript Interview Preparation Guide (By a 20-Year Industry Veteran)">
330+
</a>
331+
</td>
332+
<td style="padding: 10px; vertical-align: top;">
333+
<a href="https://www.youtube.com/watch?v=aCJUoYWwAj8" target="_blank">
334+
<strong>Day 39: JavaScript Interview Preparation Guide (By a 20-Year Industry Veteran)</strong>
335+
</a>
336+
<br/>
337+
<p>Want to crack your next JavaScript or Web Developer interview? Hear it straight from the other side of the table — from someone ......</p>
338+
</td>
339+
</tr>
340+
341+
<tr>
342+
<td style="padding: 10px; vertical-align: top;">
343+
<a href="https://www.youtube.com/watch?v=w-ZCIbEU-0A" target="_blank">
344+
<img width="150" src="https://img.youtube.com/vi/w-ZCIbEU-0A/mqdefault.jpg" alt="Day 38: JavaScript Memory Management &amp; Garbage Collection Explained 🤩">
345+
</a>
346+
</td>
347+
<td style="padding: 10px; vertical-align: top;">
348+
<a href="https://www.youtube.com/watch?v=w-ZCIbEU-0A" target="_blank">
349+
<strong>Day 38: JavaScript Memory Management &amp; Garbage Collection Explained 🤩</strong>
350+
</a>
351+
<br/>
352+
<p>What really happens to memory in your JavaScript app? In this Day 38 video, we dive deep into the world of JavaScript Memory ......</p>
353+
</td>
354+
</tr>
355+
356+
<tr>
357+
<td style="padding: 10px; vertical-align: top;">
358+
<a href="https://www.youtube.com/watch?v=0uFqZLy4dok" target="_blank">
359+
<img width="150" src="https://img.youtube.com/vi/0uFqZLy4dok/mqdefault.jpg" alt="Can You Solve These 6 JavaScript Interview Puzzles? 🔥💡">
360+
</a>
361+
</td>
362+
<td style="padding: 10px; vertical-align: top;">
363+
<a href="https://www.youtube.com/watch?v=0uFqZLy4dok" target="_blank">
364+
<strong>Can You Solve These 6 JavaScript Interview Puzzles? 🔥💡</strong>
365+
</a>
366+
<br/>
367+
<p>Think you're ready for your next JavaScript interview? Here are 6 real-world coding challenges often asked at top tech companies ......</p>
368+
</td>
369+
</tr>
370+
371+
<tr>
372+
<td style="padding: 10px; vertical-align: top;">
373+
<a href="https://www.youtube.com/watch?v=ysC8Wqo6cjE" target="_blank">
374+
<img width="150" src="https://img.youtube.com/vi/ysC8Wqo6cjE/mqdefault.jpg" alt="The #1 Git Mistake You&#39;re Making with package-lock.json and yarn.lock">
375+
</a>
376+
</td>
377+
<td style="padding: 10px; vertical-align: top;">
378+
<a href="https://www.youtube.com/watch?v=ysC8Wqo6cjE" target="_blank">
379+
<strong>The #1 Git Mistake You&#39;re Making with package-lock.json and yarn.lock</strong>
380+
</a>
381+
<br/>
382+
<p>In this short but essential video, we break down the truth about lockfiles in JavaScript and Node.js projects. You'll learn: ✓ Why ......</p>
383+
</td>
384+
</tr>
385+
386+
<tr>
387+
<td style="padding: 10px; vertical-align: top;">
388+
<a href="https://www.youtube.com/watch?v=Ffpd8RkEXlY" target="_blank">
389+
<img width="150" src="https://img.youtube.com/vi/Ffpd8RkEXlY/mqdefault.jpg" alt="Day 37: JavaScript Web APIs Explained – Geolocation, Clipboard, Notifications, Playground, &amp; More! 🤩">
390+
</a>
391+
</td>
392+
<td style="padding: 10px; vertical-align: top;">
393+
<a href="https://www.youtube.com/watch?v=Ffpd8RkEXlY" target="_blank">
394+
<strong>Day 37: JavaScript Web APIs Explained – Geolocation, Clipboard, Notifications, Playground, &amp; More! 🤩</strong>
395+
</a>
396+
<br/>
397+
<p>Unlock the true power of JavaScript with Web APIs! In this Day 37 video of our series, we dive deep into JavaScript Web APIs ......</p>
398+
</td>
399+
</tr>
400+
401+
<tr>
402+
<td style="padding: 10px; vertical-align: top;">
403+
<a href="https://www.youtube.com/watch?v=RnQPMARiq18" target="_blank">
404+
<img width="150" src="https://img.youtube.com/vi/RnQPMARiq18/mqdefault.jpg" alt="Day 36: Master JavaScript Performance — Debouncing, Throttling, Memoization Explained 🤩">
405+
</a>
406+
</td>
407+
<td style="padding: 10px; vertical-align: top;">
408+
<a href="https://www.youtube.com/watch?v=RnQPMARiq18" target="_blank">
409+
<strong>Day 36: Master JavaScript Performance — Debouncing, Throttling, Memoization Explained 🤩</strong>
410+
</a>
411+
<br/>
412+
<p>In Day 36 of our JavaScript series, we dive deep into JavaScript performance optimization techniques that every developer must ......</p>
413+
</td>
414+
</tr>
415+
416+
<tr>
417+
<td style="padding: 10px; vertical-align: top;">
418+
<a href="https://www.youtube.com/watch?v=sA7aQxk3JTk" target="_blank">
419+
<img width="150" src="https://img.youtube.com/vi/sA7aQxk3JTk/mqdefault.jpg" alt="I Built a Princess Finder App with AI and React! 🤖👑 | Fun ML Project">
420+
</a>
421+
</td>
422+
<td style="padding: 10px; vertical-align: top;">
423+
<a href="https://www.youtube.com/watch?v=sA7aQxk3JTk" target="_blank">
424+
<strong>I Built a Princess Finder App with AI and React! 🤖👑 | Fun ML Project</strong>
425+
</a>
426+
<br/>
427+
<p>Ever imagined an AI app that can tell which Disney Princess you are? ✨ In this video, I walk you through my fun project ......</p>
428+
</td>
429+
</tr>
430+
431+
<tr>
432+
<td style="padding: 10px; vertical-align: top;">
433+
<a href="https://www.youtube.com/watch?v=wjM89QIL5As" target="_blank">
434+
<img width="150" src="https://img.youtube.com/vi/wjM89QIL5As/mqdefault.jpg" alt="Day 35: JavaScript Debugging Secrets Revealed by Expert 🤩">
435+
</a>
436+
</td>
437+
<td style="padding: 10px; vertical-align: top;">
438+
<a href="https://www.youtube.com/watch?v=wjM89QIL5As" target="_blank">
439+
<strong>Day 35: JavaScript Debugging Secrets Revealed by Expert 🤩</strong>
440+
</a>
441+
<br/>
442+
<p>In this session, we dive deep into real-world JavaScript problems and fix broken code step-by-step using debugging techniques ......</p>
443+
</td>
444+
</tr>
445+
446+
<tr>
447+
<td style="padding: 10px; vertical-align: top;">
448+
<a href="https://www.youtube.com/watch?v=DXO8tiGH18Y" target="_blank">
449+
<img width="150" src="https://img.youtube.com/vi/DXO8tiGH18Y/mqdefault.jpg" alt="Day 34: Build a Full Library App in JavaScript – OOP, ES6 Modules &amp; Tailwind CSS 🤩">
450+
</a>
451+
</td>
452+
<td style="padding: 10px; vertical-align: top;">
453+
<a href="https://www.youtube.com/watch?v=DXO8tiGH18Y" target="_blank">
454+
<strong>Day 34: Build a Full Library App in JavaScript – OOP, ES6 Modules &amp; Tailwind CSS 🤩</strong>
455+
</a>
456+
<br/>
457+
<p>In this video, we'll build a fully functional Library Management System using modern JavaScript with OOP principles like ......</p>
458+
</td>
459+
</tr>
460+
131461
</table>
132462
<!-- latest-videos-end -->

0 commit comments

Comments
 (0)