آموزش Next.js Pro - اپلیکیشن شبکه اجتماعی با وب‌سوکت‌ها و React Query

آنچه یاد خواهید گرفت:

• پیاده‌سازی ویژگی‌های بلادرنگ با استفاده از وب‌سوکت‌ها (Socket IO) برای چت لایو، دوستان و غیره
• پیاده‌سازی سیستم احرازهویت قدرتمند با JWT و مسیرهای محافظت‌ شده
• بهینه‌سازی عملکرد با اسکرول کردن بی‌نهایت، صفحه‌بندی و کش کردن کوئری با استفاده از React Query
• پیاده‌سازی لایک‌ها، کامنت‌ها، دوستان، مکالمات و سایر ویژگی‌های کلیدی شبکه اجتماعی
• مدیریت state گلوبال و هر صفحه به‌ طور منظم با ریداکس و React Query
• بهینه‌سازی تجربه کاربری با بروزرسانی‌های خوش‌بینانه و state های بارگذاری

پیش‌نیازهای دوره

• دانش اولیه از جاوااسکریپت و ری‌اکت
• دانستن نحوه ساخت اپلیکیشن‌های اولیه با ری‌اکت و تایپ‌اسکریپت
• آشنایی اولیه با NextJS مفید است.
• کمی آشنایی با React Query و ریداکس مزیت است.
• علاقه‌مند به یادگیری و ساخت یک اپلیکیشن بلادرنگ

توضیحات دوره

آیا می‌خواهید یک اپلیکیشن شبکه اجتماعی بلادرنگ با استفاده از ابزارهای مدرن مانند NextJS و React Query و Socket IO بسازید؟ پس این دوره برای شماست.

در این دوره عملی مبتنی بر پروژه، شما فرانت‌اند پلتفرم یک شبکه اجتماعی دارای ویژگی‌های کامل را از صفر تا صد می‌سازید. شما ویژگی‌های بلادرنگ مانند چت لایو، واکنش‌ها و دوستان را با استفاده از وب‌سوکت‌ها (Socket IO) پیاده‌ خواهید کرد. با React Query شما به واکشی موثر داده‌، کش کردن، صفحه‌بندی و بروزرسانی‌های خوش‌بینانه برای تجربه کاربری هموار مسلط می‌شوید.

ما از NextJS App Router و Material UI و تایپ‌اسکریپت برای ساخت کامپوننت‌های رابط کاربری تمیز، مقیاس‌پذیری و مدرن استفاده خواهیم کرد. شما همچنین ویژگی‌های اصلی شبکه اجتماعی مانند پست‌ها، لایک‌ها، کامنت‌ها و سیستم دوستان را با یک رابط کاربری کاملاً تعاملی پیاده‌ خواهید کرد.

چه شما توسعه‌دهنده سطح متوسط باشید که می‌خواهید پورتفولیوی خود را بسازید یا توسعه‌دهنده ری‌اکت که به دنبال یادگیری ابزارها و الگوهای پیشرفته است، این دوره گام‌به‌گام شما را همراهی می‌کند.

تمرکز اصلی دیگر بر React Query، یکی از قدرتمندترین و پرکاربردترین کتابخانه‌ها برای مدیریت state سرور در اپلیکیشن‌های ری‌اکت مدرن است. شما یاد می‌گیرید چگونه از آن برای واکشی، کش کردن و جهش داده‌ به‌ طور مؤثر همراه با تکنیک‌های پیشرفته استفاده کنید. مانند:

• بروزرسانی‌های خوش‌بینانه برای بازخورد فوری رابط کاربری
• اسکرول کردن بی‌نهایت برای بارگذاری فید پویا

این دوره فقط درباره ساخت یک پروژه نیست، بلکه درباره این است که چه زمانی، چرا و چگونه از ابزارهای مناسب برای ساخت اپلیکیشن‌های فرانت‌اند سریع، مقیاس‌پذیر و بلادرنگ استفاده کنید.

توجه - این دوره بیش از حد بر کامپوننت‌های سرور تمرکز نمی‌کند، زیرا ما یک اپلیکیشن شبکه اجتماعی می‌سازیم، جایی که داده به طور مرتب تغییر می‌کنند و بروزرسانی‌های بلادرنگ را نیاز دارد. در عوض، ابزارها و نکات مناسب برای تجربه‌های کاربری پویا و تعاملی را در اولویت قرار می‌دهیم.

این دوره برای چه کسانی مناسب است؟

• توسعه‌دهندگان ری‌اکت یا NextJS که می‌خواهند با ویژگی‌های بلادرنگ سطح خود را ارتقا دهند.
• توسعه‌دهندگان فرانت‌اند که می‌خواهند به React Query برای واکشی داده و کش کردن مسلط شوند.
• کسی که درباره ساخت اپلیکیشن‌های چت و بروزرسانی‌های لایو با استفاده از Socket IO کنجکاو است.
• یادگیرندگان سطح متوسط که آماده‌اند فراتر از اپلیکیشن‌های CRUD ساده پیش بروند.
• دانشجویان یا حرفه‌ای‌هایی که برای مصاحبه‌های شغلی فرانت‌اند آماده می‌شوند و به دنبال یک پروژه قوی در پورتفولیوی خود هستند.