Uploaded April 2026 | Updated September 2026, 2 weeks ago
*Master every React hook with my FREE React Hooks Course* - _25+ videos_ π courses.webdevsimplified.com/react-hooks-simplified/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-O6P86uwfdR0
*Become a mid-level React developer with my Full React Course* - _40+ hours, 200+ videos_ π reactsimplified.com/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-O6P86uwfdR0
The useSyncExternalStore hook is a hook most people never learn, but it is incredibly useful for working with data stored outside of React. In this video I will show you everything you need to know about this hook as well as show you practical use cases for this hook.
π Materials/References:
FREE React Hooks Course: courses.webdevsimplified.com/react-hooks-simplified/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-O6P86uwfdR0
Dialog Video: youtu.be/ywtkJkxJsdg
Dialog Blog Article: blog.webdevsimplified.com/2023-04/html-dialog
π Find Me Here:
My Blog: blog.webdevsimplified.com
My Courses: courses.webdevsimplified.com
Patreon: patreon.com/WebDevSimplified
Twitter: twitter.com/DevSimplified
Discord: discord.gg/7StTjnR
GitHub: github.com/WebDevSimplified
CodePen: codepen.io/WebDevSimplified
β±οΈ Timestamps:
00:00 - Introduction
00:48 - Basic usage
05:15 - Another example
09:30 - Advanced usage
#ReactJS #WDS #JavaScript
*Master every React hook with my FREE React Hooks Course* - _25+ videos_ π courses.webdevsimplified.com/react-hooks-simplified/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-O6P86uwfdR0
*Become a mid-level React developer with my Full React Course* - _40+ hours, 200+ videos_ π reactsimplified.com/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-O6P86uwfdR0
The useSyncExternalStore hook is a hook most people never learn, but it is incredibly useful for working with data stored outside of React. In this video I will show you everything you need to know about this hook as well as show you practical use cases for this hook.
π Materials/References:
FREE React Hooks Course: courses.webdevsimplified.com/react-hooks-simplified/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-O6P86uwfdR0
Dialog Video: youtu.be/ywtkJkxJsdg
Dialog Blog Article: blog.webdevsimplified.com/2023-04/html-dialog
π Find Me Here:
My Blog: blog.webdevsimplified.com
My Courses: courses.webdevsimplified.com
Patreon: patreon.com/WebDevSimplified
Twitter: twitter.com/DevSimplified
Discord: discord.gg/7StTjnR
GitHub: github.com/WebDevSimplified
CodePen: codepen.io/WebDevSimplified
β±οΈ Timestamps:
00:00 - Introduction
00:48 - Basic usage
05:15 - Another example
09:30 - Advanced usage
#ReactJS #WDS #JavaScript



![Build A Course Platform LMS With Next.js 15, React 19, Stripe, Drizzle, Shadcn, Postgres
Try ArcJet: https://launch.arcjet.com/KT8bSa0
Get Clerk: https://go.clerk.com/Zz0KeQZ
This project not only will show you how to create a course platform with Next.js 15, React 19, Shadcn, Stripe, Drizzle, and Postgres, but it will more importantly teach you many best practices around Next.js 15, caching, project structure, and much more.
π Materials/References:
GitHub Code: https://github.com/WebDevSimplified/course-platform
Next.js Bug GitHub Issue: https://github.com/vercel/next.js/issues/74757
π Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
β±οΈ Timestamps:
00:00:00 - Demo
00:04:45 - Database Setup
00:11:05 - DB Schema Setup
00:33:35 - DB Migration/Docker Setup
00:38:15 - Clerk Setup
00:42:40 - [Consumer] Navbar Component
00:57:55 - Clerk Webhook
01:22:20 - Caching Setup
01:35:10 - Admin Setup
01:41:10 - [Admin] Course Form
01:59:00 - [Admin] Course Table Page
02:26:14 - [Admin] Course Sections/Lessons Edit Page
03:00:30 - [Admin] Drag and Drop Functionality
03:19:00 - [Admin] Finish Course Edit Page
03:49:40 - [Admin] Product Table Page
04:03:15 - [Admin] Product Form
04:26:30 - Middleware security
04:29:15 - Arcjet Setup
04:35:25 - Purchase Price Parity Setup
04:40:20 - [Consumer] Home Page
04:53:50 - [Consumer] Product Page
05:19:30 - [Consumer] Purchase Page
05:27:55 - Stripe Integration
05:57:30 - [Consumer] Purchase Failure/Success Pages
06:03:40 - Auth Edge Case
06:15:39 - [Consumer] Purchase History Table
06:28:56 - [Consumer] Purchase Receipt
06:45:10 - [Admin] Sales Table
07:03:00 - [Consumer] My Courses Page
07:19:50 - [Consumer] Course/Lesson Pages
08:22:25 - [Admin] Dashboard Page
#WebDevelopment #WDS #NextJS Build A Course Platform LMS With Next.js 15, React 19, Stripe, Drizzle, Shadcn, Postgres](https://i.ytimg.com/vi/OAyQ3Wyyzfg/mqdefault.jpg)






