ری‌اکت
کامپوننت، هوک و state برای رابط‌های واقعی.
React یکی از پرکاربردترین کتابخانه‌ها برای ساخت رابط کاربری است و React 19 مفاهیمی مثل Actionها، API تازه‌ی use و Server Components را به کد روزمره آورده است. این مسیر شما را از اولین کامپوننت تا الگوهایی می‌برد که اپ‌های واقعی هر روز به کار می‌گیرند: props و state، فهرست‌ها و فرم‌ها، افکت‌ها و refها، context و reducer و هوک‌های سفارشی، و در پایان Suspense، Server Components، مرزهای خطا، تست و دسترس‌پذیری.
شما JavaScript بلدید، پس هر درس مستقیم سراغ طرز فکر React می‌رود، با مثال‌هایی از یک شبکه‌ی اجتماعی کوچک به نام «نووا»: فید، دکمه‌ی لایک و جدول رده‌بندی.
- درس
- ۲۴
- زمان
- ۳ ساعت
- سطح
- متوسط
- برنز باز
- نقره باز
- طلا قفل
آماده‌ای ثابتش کنی؟
سه آزمون منتظرند: برنز، نقره و طلا.
در پایان این مسیر می‌توانی
- هر صفحه‌ای را به کامپوننت‌ها بشکنید و JSX تمیز بنویسید
- state را با useState و useReducer مدیریت کنید و بدون تغییر مستقیم به‌روزش کنید
- فهرست، ورودی کنترل‌شده و فرم را با Actionهای React 19 بسازید
- افکت و ref را فقط همان‌جا که لازم است به کار ببرید و پاک‌سازی‌شان را فراموش نکنید
- منطق را با context و هوک‌های سفارشی به اشتراک بگذارید و فقط وقتی مموسازی کنید که ارزشش را دارد
- داده را با Suspense بارگذاری کنید، Server Components را بفهمید و کامپوننت‌های دسترس‌پذیر را تست کنید
نقشهٔ مسیر
۱ فصل ۱فکرکردن به سبک React
کامپوننت‌ها، قواعد JSX، معنای واقعی رندر و اولین کارت پست.
۰ / ۴۲ فصل ۲props و state
داده را با props به پایین بفرستید، مقدارها را با state به خاطر بسپارید و بدون تغییر مستقیم به‌روزش کنید.
۰ / ۴۳ فصل ۳فهرست‌ها، رویدادها و فرم‌ها
فهرست‌ها را با کلید رندر کنید، رویدادها را مدیریت کنید، ورودی‌ها را کنترل کنید و فرم‌ها را با Actionها بفرستید.
۰ / ۴۴ فصل ۴افکت‌ها و refها
با دنیای بیرون هماهنگ شوید، داده را امن بگیرید، از ref استفاده کنید و افکت‌های غیرضروری را کنار بگذارید.
۰ / ۴۵ فصل ۵اشتراک منطق
context، reducer، هوک‌های سفارشی و مموسازی فقط جایی که ارزشش را دارد.
۰ / ۴۶ فصل ۶React مدرن
Suspense و use، Server Components، مرزهای خطا، تست و دسترس‌پذیری.
۰ / ۴