Skip to content

Commit 0fb2a48

Browse files
actions-useractions-user
committed
Update latest videos
1 parent c6a0584 commit 0fb2a48

File tree

2 files changed

+28
-644
lines changed

2 files changed

+28
-644
lines changed

‎README.md‎

Lines changed: 14 additions & 322 deletions
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,20 @@ Check out my latest videos:
3939

4040
<table border="0">
4141

42+
<tr>
43+
<td style="padding: 10px; vertical-align: top;">
44+
<a href="https://www.youtube.com/watch?v=_LBgDy0j-Os" target="_blank">
45+
<img width="150" src="https://img.youtube.com/vi/_LBgDy0j-Os/mqdefault.jpg" alt="React Slot Pattern Explained: The Cleanest Way to Build Flexible Components">
46+
</a>
47+
</td>
48+
<td style="padding: 10px; vertical-align: top;">
49+
<a href="https://www.youtube.com/watch?v=_LBgDy0j-Os" target="_blank">
50+
<strong>React Slot Pattern Explained: The Cleanest Way to Build Flexible Components</strong>
51+
</a>
52+
<br/>
53+
<p>Welcome to one of the cleanest and most powerful UI design techniques in React — the Slot Pattern. If you're tired of prop drilling, ......</p>
54+
</td>
55+
</tr>
4256
<tr>
4357
<td style="padding: 10px; vertical-align: top;">
4458
<a href="https://www.youtube.com/watch?v=V2OWRUn_cvM" target="_blank">
@@ -109,328 +123,6 @@ Check out my latest videos:
109123
<p>Welcome Developers! এই ভিডিওতে আপনি শিখবেন Top 10 JavaScript Code Snippets যেগুলো আপনার ......</p>
110124
</td>
111125
</tr>
112-
<tr>
113-
<td style="padding: 10px; vertical-align: top;">
114-
<a href="https://www.youtube.com/watch?v=ociC3llkLHk" target="_blank">
115-
<img width="150" src="https://img.youtube.com/vi/ociC3llkLHk/mqdefault.jpg" alt="Pub-Sub vs Observer in React — Deep Dive, Architecture &amp; Working Demo">
116-
</a>
117-
</td>
118-
<td style="padding: 10px; vertical-align: top;">
119-
<a href="https://www.youtube.com/watch?v=ociC3llkLHk" target="_blank">
120-
<strong>Pub-Sub vs Observer in React — Deep Dive, Architecture &amp; Working Demo</strong>
121-
</a>
122-
<br/>
123-
<p>In this video, you will learn the Pub-Sub (Publish–Subscribe) Design Pattern in React with real-world architecture, clean code, and ......</p>
124-
</td>
125-
</tr>
126-
<tr>
127-
<td style="padding: 10px; vertical-align: top;">
128-
<a href="https://www.youtube.com/watch?v=vZswuz3NTgs" target="_blank">
129-
<img width="150" src="https://img.youtube.com/vi/vZswuz3NTgs/mqdefault.jpg" alt="React State Reducer Pattern Explained: Build Powerful &amp; Reusable State Logic">
130-
</a>
131-
</td>
132-
<td style="padding: 10px; vertical-align: top;">
133-
<a href="https://www.youtube.com/watch?v=vZswuz3NTgs" target="_blank">
134-
<strong>React State Reducer Pattern Explained: Build Powerful &amp; Reusable State Logic</strong>
135-
</a>
136-
<br/>
137-
<p>Learn the State Reducer Pattern in React — a powerful way to build flexible, reusable, and controlled components! In this video ......</p>
138-
</td>
139-
</tr>
140-
<tr>
141-
<td style="padding: 10px; vertical-align: top;">
142-
<a href="https://www.youtube.com/watch?v=x03yX-yNxas" target="_blank">
143-
<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">
144-
</a>
145-
</td>
146-
<td style="padding: 10px; vertical-align: top;">
147-
<a href="https://www.youtube.com/watch?v=x03yX-yNxas" target="_blank">
148-
<strong>MASTER Optimistic UI Pattern in React 19 || useOptimistic Hook || Day 08</strong>
149-
</a>
150-
<br/>
151-
<p>In this video, we'll uncover one of the most powerful and user-experience-boosting patterns in modern React — the Optimistic UI ......</p>
152-
</td>
153-
</tr>
154-
<tr>
155-
<td style="padding: 10px; vertical-align: top;">
156-
<a href="https://www.youtube.com/watch?v=POWMosrdamI" target="_blank">
157-
<img width="150" src="https://img.youtube.com/vi/POWMosrdamI/mqdefault.jpg" alt="MASTER the Provider Pattern in React || Context Made Simple! || Day 07">
158-
</a>
159-
</td>
160-
<td style="padding: 10px; vertical-align: top;">
161-
<a href="https://www.youtube.com/watch?v=POWMosrdamI" target="_blank">
162-
<strong>MASTER the Provider Pattern in React || Context Made Simple! || Day 07</strong>
163-
</a>
164-
<br/>
165-
<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>
166-
</td>
167-
</tr>
168-
<tr>
169-
<td style="padding: 10px; vertical-align: top;">
170-
<a href="https://www.youtube.com/watch?v=fhwvqTry_Vg" target="_blank">
171-
<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">
172-
</a>
173-
</td>
174-
<td style="padding: 10px; vertical-align: top;">
175-
<a href="https://www.youtube.com/watch?v=fhwvqTry_Vg" target="_blank">
176-
<strong>MASTER React Custom Hook Pattern with Real-World Examples || Day 06</strong>
177-
</a>
178-
<br/>
179-
<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>
180-
</td>
181-
</tr>
182-
<tr>
183-
<td style="padding: 10px; vertical-align: top;">
184-
<a href="https://www.youtube.com/watch?v=spDQ4oCKSPY" target="_blank">
185-
<img width="150" src="https://img.youtube.com/vi/spDQ4oCKSPY/mqdefault.jpg" alt="Master Higher Order Functions &amp; Components in React || Day 05">
186-
</a>
187-
</td>
188-
<td style="padding: 10px; vertical-align: top;">
189-
<a href="https://www.youtube.com/watch?v=spDQ4oCKSPY" target="_blank">
190-
<strong>Master Higher Order Functions &amp; Components in React || Day 05</strong>
191-
</a>
192-
<br/>
193-
<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>
194-
</td>
195-
</tr>
196-
<tr>
197-
<td style="padding: 10px; vertical-align: top;">
198-
<a href="https://www.youtube.com/watch?v=tIdJj0n1mg4" target="_blank">
199-
<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">
200-
</a>
201-
</td>
202-
<td style="padding: 10px; vertical-align: top;">
203-
<a href="https://www.youtube.com/watch?v=tIdJj0n1mg4" target="_blank">
204-
<strong>Master the Render Props Pattern in React - Share Logic Without Duplication || Day 04</strong>
205-
</a>
206-
<br/>
207-
<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>
208-
</td>
209-
</tr>
210-
<tr>
211-
<td style="padding: 10px; vertical-align: top;">
212-
<a href="https://www.youtube.com/watch?v=_CDnddrVMyo" target="_blank">
213-
<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">
214-
</a>
215-
</td>
216-
<td style="padding: 10px; vertical-align: top;">
217-
<a href="https://www.youtube.com/watch?v=_CDnddrVMyo" target="_blank">
218-
<strong>40 Days of JavaScript Badge Unlocked! 🎖️ Here’s How to Get Yours</strong>
219-
</a>
220-
<br/>
221-
<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>
222-
</td>
223-
</tr>
224-
<tr>
225-
<td style="padding: 10px; vertical-align: top;">
226-
<a href="https://www.youtube.com/watch?v=LglWulOqh6k" target="_blank">
227-
<img width="150" src="https://img.youtube.com/vi/LglWulOqh6k/mqdefault.jpg" alt="Mastering Compound Components Design Pattern in React || Day 03">
228-
</a>
229-
</td>
230-
<td style="padding: 10px; vertical-align: top;">
231-
<a href="https://www.youtube.com/watch?v=LglWulOqh6k" target="_blank">
232-
<strong>Mastering Compound Components Design Pattern in React || Day 03</strong>
233-
</a>
234-
<br/>
235-
<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>
236-
</td>
237-
</tr>
238-
<tr>
239-
<td style="padding: 10px; vertical-align: top;">
240-
<a href="https://www.youtube.com/watch?v=jPMCouXondI" target="_blank">
241-
<img width="150" src="https://img.youtube.com/vi/jPMCouXondI/mqdefault.jpg" alt="React Design Patterns || Controlled &amp; Uncontrolled Forms || Day 02">
242-
</a>
243-
</td>
244-
<td style="padding: 10px; vertical-align: top;">
245-
<a href="https://www.youtube.com/watch?v=jPMCouXondI" target="_blank">
246-
<strong>React Design Patterns || Controlled &amp; Uncontrolled Forms || Day 02</strong>
247-
</a>
248-
<br/>
249-
<p>Welcome to Day 02 of React Design Patterns! In this session, we delve into one of the most important concepts every React ......</p>
250-
</td>
251-
</tr>
252-
<tr>
253-
<td style="padding: 10px; vertical-align: top;">
254-
<a href="https://www.youtube.com/watch?v=1UHbhikwg-s" target="_blank">
255-
<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">
256-
</a>
257-
</td>
258-
<td style="padding: 10px; vertical-align: top;">
259-
<a href="https://www.youtube.com/watch?v=1UHbhikwg-s" target="_blank">
260-
<strong>MASTER React Container-Presenter Pattern | Code Smell to Clean Code || Day 01</strong>
261-
</a>
262-
<br/>
263-
<p>Welcome to Day 01 of “15 Days of React Design Patterns” In this session, we dive deep into the Container–Presenter Pattern, ......</p>
264-
</td>
265-
</tr>
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-
<tr>
281-
<td style="padding: 10px; vertical-align: top;">
282-
<a href="https://www.youtube.com/watch?v=KnhK9BeDpdI" target="_blank">
283-
<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)">
284-
</a>
285-
</td>
286-
<td style="padding: 10px; vertical-align: top;">
287-
<a href="https://www.youtube.com/watch?v=KnhK9BeDpdI" target="_blank">
288-
<strong>Build an AI Code Explainer with React 19 (Step-by-Step Tutorial)</strong>
289-
</a>
290-
<br/>
291-
<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>
292-
</td>
293-
</tr>
294-
<tr>
295-
<td style="padding: 10px; vertical-align: top;">
296-
<a href="https://www.youtube.com/watch?v=ID86VfmkOUk" target="_blank">
297-
<img width="150" src="https://img.youtube.com/vi/ID86VfmkOUk/mqdefault.jpg" alt="10 React Tricks That Make You Look Like a Senior Developer">
298-
</a>
299-
</td>
300-
<td style="padding: 10px; vertical-align: top;">
301-
<a href="https://www.youtube.com/watch?v=ID86VfmkOUk" target="_blank">
302-
<strong>10 React Tricks That Make You Look Like a Senior Developer</strong>
303-
</a>
304-
<br/>
305-
<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>
306-
</td>
307-
</tr>
308-
<tr>
309-
<td style="padding: 10px; vertical-align: top;">
310-
<a href="https://www.youtube.com/watch?v=ITNaVrDk9G0" target="_blank">
311-
<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)">
312-
</a>
313-
</td>
314-
<td style="padding: 10px; vertical-align: top;">
315-
<a href="https://www.youtube.com/watch?v=ITNaVrDk9G0" target="_blank">
316-
<strong>Day 40: Master JavaScript with This Real-World Expense Splitter App (Full Guide)</strong>
317-
</a>
318-
<br/>
319-
<p>Splitter — The ultimate JavaScript final project that brings together everything you've learned about JS, built from scratch by a ......</p>
320-
</td>
321-
</tr>
322-
<tr>
323-
<td style="padding: 10px; vertical-align: top;">
324-
<a href="https://www.youtube.com/watch?v=aCJUoYWwAj8" target="_blank">
325-
<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)">
326-
</a>
327-
</td>
328-
<td style="padding: 10px; vertical-align: top;">
329-
<a href="https://www.youtube.com/watch?v=aCJUoYWwAj8" target="_blank">
330-
<strong>Day 39: JavaScript Interview Preparation Guide (By a 20-Year Industry Veteran)</strong>
331-
</a>
332-
<br/>
333-
<p>Want to crack your next JavaScript or Web Developer interview? Hear it straight from the other side of the table — from someone ......</p>
334-
</td>
335-
</tr>
336-
<tr>
337-
<td style="padding: 10px; vertical-align: top;">
338-
<a href="https://www.youtube.com/watch?v=w-ZCIbEU-0A" target="_blank">
339-
<img width="150" src="https://img.youtube.com/vi/w-ZCIbEU-0A/mqdefault.jpg" alt="Day 38: JavaScript Memory Management &amp; Garbage Collection Explained 🤩">
340-
</a>
341-
</td>
342-
<td style="padding: 10px; vertical-align: top;">
343-
<a href="https://www.youtube.com/watch?v=w-ZCIbEU-0A" target="_blank">
344-
<strong>Day 38: JavaScript Memory Management &amp; Garbage Collection Explained 🤩</strong>
345-
</a>
346-
<br/>
347-
<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>
348-
</td>
349-
</tr>
350-
<tr>
351-
<td style="padding: 10px; vertical-align: top;">
352-
<a href="https://www.youtube.com/watch?v=0uFqZLy4dok" target="_blank">
353-
<img width="150" src="https://img.youtube.com/vi/0uFqZLy4dok/mqdefault.jpg" alt="Can You Solve These 6 JavaScript Interview Puzzles? 🔥💡">
354-
</a>
355-
</td>
356-
<td style="padding: 10px; vertical-align: top;">
357-
<a href="https://www.youtube.com/watch?v=0uFqZLy4dok" target="_blank">
358-
<strong>Can You Solve These 6 JavaScript Interview Puzzles? 🔥💡</strong>
359-
</a>
360-
<br/>
361-
<p>Think you're ready for your next JavaScript interview? Here are 6 real-world coding challenges often asked at top tech companies ......</p>
362-
</td>
363-
</tr>
364-
<tr>
365-
<td style="padding: 10px; vertical-align: top;">
366-
<a href="https://www.youtube.com/watch?v=ysC8Wqo6cjE" target="_blank">
367-
<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">
368-
</a>
369-
</td>
370-
<td style="padding: 10px; vertical-align: top;">
371-
<a href="https://www.youtube.com/watch?v=ysC8Wqo6cjE" target="_blank">
372-
<strong>The #1 Git Mistake You&#39;re Making with package-lock.json and yarn.lock</strong>
373-
</a>
374-
<br/>
375-
<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>
376-
</td>
377-
</tr>
378-
<tr>
379-
<td style="padding: 10px; vertical-align: top;">
380-
<a href="https://www.youtube.com/watch?v=Ffpd8RkEXlY" target="_blank">
381-
<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! 🤩">
382-
</a>
383-
</td>
384-
<td style="padding: 10px; vertical-align: top;">
385-
<a href="https://www.youtube.com/watch?v=Ffpd8RkEXlY" target="_blank">
386-
<strong>Day 37: JavaScript Web APIs Explained – Geolocation, Clipboard, Notifications, Playground, &amp; More! 🤩</strong>
387-
</a>
388-
<br/>
389-
<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>
390-
</td>
391-
</tr>
392-
<tr>
393-
<td style="padding: 10px; vertical-align: top;">
394-
<a href="https://www.youtube.com/watch?v=RnQPMARiq18" target="_blank">
395-
<img width="150" src="https://img.youtube.com/vi/RnQPMARiq18/mqdefault.jpg" alt="Day 36: Master JavaScript Performance — Debouncing, Throttling, Memoization Explained 🤩">
396-
</a>
397-
</td>
398-
<td style="padding: 10px; vertical-align: top;">
399-
<a href="https://www.youtube.com/watch?v=RnQPMARiq18" target="_blank">
400-
<strong>Day 36: Master JavaScript Performance — Debouncing, Throttling, Memoization Explained 🤩</strong>
401-
</a>
402-
<br/>
403-
<p>In Day 36 of our JavaScript series, we dive deep into JavaScript performance optimization techniques that every developer must ......</p>
404-
</td>
405-
</tr>
406-
<tr>
407-
<td style="padding: 10px; vertical-align: top;">
408-
<a href="https://www.youtube.com/watch?v=sA7aQxk3JTk" target="_blank">
409-
<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">
410-
</a>
411-
</td>
412-
<td style="padding: 10px; vertical-align: top;">
413-
<a href="https://www.youtube.com/watch?v=sA7aQxk3JTk" target="_blank">
414-
<strong>I Built a Princess Finder App with AI and React! 🤖👑 | Fun ML Project</strong>
415-
</a>
416-
<br/>
417-
<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>
418-
</td>
419-
</tr>
420-
<tr>
421-
<td style="padding: 10px; vertical-align: top;">
422-
<a href="https://www.youtube.com/watch?v=wjM89QIL5As" target="_blank">
423-
<img width="150" src="https://img.youtube.com/vi/wjM89QIL5As/mqdefault.jpg" alt="Day 35: JavaScript Debugging Secrets Revealed by Expert 🤩">
424-
</a>
425-
</td>
426-
<td style="padding: 10px; vertical-align: top;">
427-
<a href="https://www.youtube.com/watch?v=wjM89QIL5As" target="_blank">
428-
<strong>Day 35: JavaScript Debugging Secrets Revealed by Expert 🤩</strong>
429-
</a>
430-
<br/>
431-
<p>In this session, we dive deep into real-world JavaScript problems and fix broken code step-by-step using debugging techniques ......</p>
432-
</td>
433-
</tr>
434126
</table>
435127

436128
<!-- latest-videos-end -->

0 commit comments

Comments
 (0)