کتاب React Hooks in Action منبع کاملاً عالی و فوق‌العاده برای یادگیری Hook ها در چارچوب محبوب React می‌باشد. این کتاب در 3 قست به شرح چگونگی کار کردن با Hook ها در React می‌پردازد. علاوه بر آن این کتاب به صورت کاملاً عملی و قدم به قدم به خوانندگان مفاهیم و کدهای این چارچوب را توضیح می‌دهد.
مروری بر کتاب React Hooks in Action:
قسمت اول: نقشه راه React
در قسمت اول کتاب React Hooks in Action، در مورد تکامل و پیشرفت این چارچوب در زمان‌های مختلف و همچنین نوشتن کدهای ساده و کوتاه توضیح می‌دهد.
قسمت دوم: هوک‌های React
در قسمت دوم کتاب React Hooks in Action، در مورد مدیریت کامپوننت‌ها و حالت‌های مختلف برنامه و API را شرح می‌دهد.
قسمت سوم: حالت همزمانی و تعلیق
قسمت سوم کتاب React Hooks in Action، در مورد مدیریت تجربه کاربری (UX) با استفاده از حالت همزمانی و تعلیق را توضیح می‌دهد.
Hook به چه معناست؟
برای درک هوک‌ها، باید یک قدم به عقب برگردیم و به فکر استفاده مجدد از کد باشیم.
امروزه روش‌های زیادی برای استفاده مجدد از منطق در برنامه‌های React وجود دارد. ما می‌توانیم توابع ساده‌ای بنویسیم و برای محاسبه چیزی با از آن‌ها استفاده کنیم. ما همچنین می‌توانیم اجزایی را بنویسیم (که خود می‌توانند توابع یا کلاس‌ها باشند). کامپوننت‌ها قدرتمندتر هستند اما باید مقداری رابط کاربر ارائه دهند.
این باعث می‌شود آن‌ها برای به اشتراک گذاشتن منطق غیر بصری ناخوشایند باشند. اینگونه است که در نهایت با الگوهای پیچیده‌ای مانند رندر برپا و اجزای مرتبه بالاتر مواجه می‌شویم. آیا اگر فقط یک روش معمول برای استفاده مجدد از کد به جای بسیاری از روش‌ها وجود داشته باشد، React ساده‌تر نخواهد بود؟
به نظر می‌رسد توابع مکانیسم کاملی برای استفاده مجدد از کد است. جابجایی منطق بین توابع کمترین تلاش را می‌کند. با این حال، توابع نمی‌توانند حالت React محلی را در داخل خود داشته باشند. نمی‌توانید رفتاری مانند “اندازه پنجره تماشا و به روزرسانی وضعیت” یا “تحریک مقداری در طول زمان” را از یک مؤلفه کلاس بدون تغییر ساختار کد یا معرفی انتزاعی مانند Observables استخراج کنید. هر دو رویکرد به سادگی ما در مورد React لطمه می‌زند.
هوک دقیقاً آن مسئله را حل می‌کند. Hook ها به شما امکان می‌دهند از ویژگی‌های React (مانند حالت) از یک تابع استفاده کنید – با انجام یک تماس عملکردی. React چند Hook داخلی را فراهم می‌کند که “بلوک‌های سازنده” React را نشان می‌دهد: حالت، چرخه حیات و زمینه.
از آنجا که هوک‌ها عملکردهای منظم جاوا اسکریپت هستند، می‌توانید Hook های داخلی ارائه شده توسط React را در “Hook های سفارشی” خودتان ترکیب کنید. با این کار می‌توانید مشکلات پیچیده را به یک خط تبدیل کنید و آن‌ها را در برنامه خود یا با انجمن React به اشتراک بگذارید.
منبع: Medium
همچنین شما می‌توانید برای آشنایی کامل و پروژه محور با چارچوب React از کتاب Full-Stack React Projects نیز استفاده نمائید.
سرفصل‌های کتاب React Hooks in Action:
- Part 1 The React Roadmap
- 1 React is evolving
- 2 Making Your Code Shorter and Simpler
- Part 2 React Hooks
- 3 Managing component state with the useState hook
- 4 Managing component state with the useReducer hook
- 5 Working with side effects
- 6 Managing component state with the useRef hook
- 7 Managing application state
- 8 Managing performance with useMemo
- 9 Managing state with the Context API
- 10 Encapsulating code with custom hooks
- 11 Third-party hooks
- Part 3 Suspense and Concurrent Mode
- 12 Managing the user experience with Suspense
- 13 Managing the user experience with Concurrent Mode
فایل کتاب React Hooks in Action را می‌توانید پس از پرداخت، دریافت کنید.
دیدگاهها
هیچ دیدگاهی برای این محصول نوشته نشده است.