پروژه ری کت با api واقعی | سایت خبری با react

سایت خبری با ریکت ، در این ویدیو، با هم قدم به قدم یک پروژه کامل وب با #react پیاده‌سازی می‌کنیم. از ساختاردهی اولیه پروژه گرفته تا ارتباط با API و پیاده‌سازی قابلیت‌های پیشرفته مثل فیلتر، Infinite Scroll و صفحات داینامیک. این #آموزش_ریکت مخصوص کسانیه که می‌خوان پروژه محور، حرفه‌ای‌تر کدنویسی کنن. گیت هاب پروژه جهت دسترسی به کدهای پروژه: https://github.com/alirzaghlmpr/react... 00:00:00 - توضیحات کلی پروژه 00:01:18 - ساخت پروژه با Vite 00:03:56 - پوشه‌بندی و ساختاردهی پروژه 00:08:30 - نصب و تنظیم Tailwind CSS 00:11:05 - ساخت کامپوننت Providers 00:12:47 - نصب و پیکربندی React Router 00:26:06 - بررسی APIهای سایت dummyjson 00:26:30 - نصب React Query و Axios و کانفیگ اولیه 00:32:31 - ساخت شی axios اختصاصی برای ریکوئست‌ها 00:33:40 - نوشتن API گرفتن پست‌ها و تست آن 00:42:09 - پیاده‌سازی فیلتر تگ‌ها در صفحه اصلی 01:05:15 - طراحی و پیاده‌سازی کارت‌های نمایش پست‌ها 01:29:40 - پیاده‌سازی Infinite Scroll 01:59:10 - ساخت صفحه نمایش پست (پست، کامنت‌ها، ناشر) 03:20:01 - ساخت صفحه ناشر و نمایش اطلاعات آن #جاوااسکریپت #reactjs