ریاکت
Reactبیشتر مشکلات ریاکت از یک سوءتفاهم میآید: اینکه فکر کنی داری DOM را دستکاری میکنی. نمیکنی. داری توصیف میکنی که UI برای یک state مشخص چه شکلی است. این مسیر روی همان یک جمله بنا شده.
پیشرفت تو
درصد هر فصل از دو چیز میآید: چقدر از بخشهایش را خواندهای (۵۵٪) و چند تمرینش را تیک زدهای (۴۵٪). همهچیز داخل مرورگر خودت میماند.
فصل
فصلها به هم وابستهاند و ترتیبشان معنا دارد. هر مسیر با پروژههای نهایی تمام میشود: ساده، متوسط، پیچیده.
مدل ذهنی: UI تابعی از state
چرا این جمله همهچیز را عوض میکند.
در نوبت نوشتنJSX و کامپوننت
JSX چه چیزی واقعاً هست.
در نوبت نوشتنprops و ترکیب
children، و ترکیب بهجای پیکربندی.
در نوبت نوشتنstate و useState
state چیست و چه چیزی نباید state باشد.
در نوبت نوشتنرندر مجدد — کِی و چرا
منبع نصف سؤالهای ریاکت.
در نوبت نوشتنuseEffect
و اینکه اکثر useEffectهایی که مینویسی لازم نیستند.
در نوبت نوشتنفرمها
controlled، uncontrolled و اعتبارسنجی.
در نوبت نوشتنلیست و key
چرا index بهعنوان key باگ میسازد.
در نوبت نوشتنuseRef، useMemo، useCallback
کِی واقعاً لازماند — و معمولاً نیستند.
در نوبت نوشتنContext
حل prop drilling، و هزینهٔ رندرش.
در نوبت نوشتنuseReducer و state پیچیده
وقتی useState کافی نیست.
در نوبت نوشتنمدیریت state سراسری
Zustand و Redux Toolkit — و کِی هیچکدام.
در نوبت نوشتندریافت داده
React Query: کش، بیاعتبارسازی و وضعیت سرور.
در نوبت نوشتنمسیریابی
مسیر تودرتو، پارامتر و محافظت.
در نوبت نوشتنکد اسپلیت و Suspense
بارگذاری تنبل و مرز خطا.
در نوبت نوشتنتست
Testing Library و تست از دید کاربر.
در نوبت نوشتنکارایی
پروفایلر، لیست بلند و رندر غیرضروری.
در نوبت نوشتنالگوها و ضدالگوها
الگوهای کامپوننت که واقعاً کار میکنند.
در نوبت نوشتنحالت سراسری: Zustand و Redux
دو رویکرد به یک مسئله، و معیار انتخاب بینشان.
در نوبت نوشتنhook سفارشی
استخراج منطق مشترک، بدون ساختن انتزاع نشتی.
در نوبت نوشتنReact همروند
transition، useDeferredValue و رابطی که هنگام کار سنگین یخ نمیزند.
در نوبت نوشتنServer Component
مرز سرور و کلاینت، و آنچه واقعاً به مرورگر میرود.
در نوبت نوشتندسترسپذیری
مدیریت فوکوس، ARIA و کامپوننت قابل استفاده با کیبورد.
در نوبت نوشتنفرمهای پیچیده
react-hook-form، اعتبارسنجی طرحمحور و فرم چندمرحلهای.
در نوبت نوشتنپروژهٔ ۱ — لیست کارها با state واقعی
کامپوننت، فرم، لیست و ماندگاری محلی.
در نوبت نوشتنپروژهٔ سادهپروژهٔ ۲ — داشبورد با داده از API
دریافت داده، کش، مسیریابی و وضعیت بارگذاری.
در نوبت نوشتنپروژهٔ متوسطپروژهٔ ۳ — اپ کامل با احراز هویت
ورود، مسیر محافظتشده، تست و بهینهسازی کارایی.
در نوبت نوشتنپروژهٔ پیچیده