React Hooks در عمل ۲۰۲۱
React Hooks in Action 2021

React Hooks in Action به شما می‌آموزد که چگونه با استفاده از هوک‌ها، کامپوننت‌های React سریع و قابل استفاده مجدد بنویسید.

خلاصه

بدون نوشتن کلاس‌های سفارشی، رابط‌های کاربری شیک، روان و با سرعت بارگذاری بالا در React بسازید. هوک‌های React دسته‌ای جدید از توابع هستند که به شما در مدیریت وضعیت (state)، چرخه‌ی حیات و اثرات جانبی در داخل کامپوننت‌های تابعی کمک می‌کنند. کتاب React Hooks in Action به شما می‌آموزد که چگونه از هوک‌های از پیش ساخته شده مانند useState، useReducer و useEffect برای ساخت هوک‌های اختصاصی خود استفاده کنید. کد شما قابل استفاده مجددتر خواهد بود، به boilerplate کمتری نیاز خواهد داشت و شما فوراً یک توسعه‌دهنده‌ی React مؤثرتر خواهید شد.

درباره‌ی این فناوری

شروع به کار با هوک‌های React کنید و به زودی کدی خواهید داشت که بهتر سازماندهی شده و نگهداری آن آسان‌تر است. هوک‌های React توابع جاوااسکریپت هدفمندی هستند که به شما امکان می‌دهند عملکردها را بین کامپوننت‌ها به اشتراک بگذارید و دوباره استفاده کنید. از آن‌ها برای تقسیم کامپوننت‌ها به توابع کوچکتر، مدیریت وضعیت و اثرات جانبی و دسترسی به ویژگی‌های React بدون کلاس‌ها استفاده کنید—همه این‌ها بدون نیاز به تغییر ساختار سلسله مراتبی کامپوننت شما.

درباره‌ی کتاب

React Hooks in Action به شما می‌آموزد که چگونه با استفاده از هوک‌ها، کامپوننت‌های React سریع و قابل استفاده مجدد بنویسید. شما با یادگیری ایجاد کد کامپوننت با هوک‌ها شروع خواهید کرد. در مرحله بعد، یک برنامه‌ی رزرو منابع را پیاده‌سازی خواهید کرد که مدیریت وضعیت محلی، وضعیت برنامه و اثرات جانبی مانند واکشی داده‌ها را نشان می‌دهد. نمونه کدها و تصاویر، یادگیری هوک‌ها را آسان می‌کنند.

آنچه در این کتاب خواهید آموخت

* ساخت کامپوننت‌های تابعی که به ویژگی‌های React دسترسی دارند
* مدیریت وضعیت محلی، اشتراکی و برنامه‌ی کاربردی
* کاوش در هوک‌های داخلی، سفارشی و شخص ثالث
* بارگیری، به‌روزرسانی و کش کردن داده‌ها با React Query
* بهبود بارگذاری صفحه و داده با code-splitting و React Suspense

درباره‌ی خواننده

برای توسعه‌دهندگان React مبتدی تا متوسط.

درباره‌ی نویسنده

جان لارسن بیش از 20 سال است که به عنوان معلم و توسعه‌دهنده‌ی وب فعالیت می‌کند و برنامه‌هایی را برای آموزش ایجاد کرده و به دانش‌آموزان در یادگیری کدنویسی کمک می‌کند. او نویسنده‌ی کتاب Get Programming with JavaScript است.

فهرست مطالب

بخش 1

1 React در حال تکامل است

2 مدیریت وضعیت کامپوننت با هوک useState

3 مدیریت وضعیت کامپوننت با هوک useReducer

4 کار با اثرات جانبی

5 مدیریت وضعیت کامپوننت با هوک useRef

6 مدیریت وضعیت برنامه

7 مدیریت عملکرد با useMemo

8 مدیریت وضعیت با Context API

9 ایجاد هوک‌های اختصاصی خود

10 استفاده از هوک‌های شخص ثالث

بخش 2

11 Code splitting با Suspense

12 یکپارچه‌سازی واکشی داده با Suspense

13 آزمایش با useTransition، useDeferredValue و SuspenseList

React Hooks in Action teaches you to write fast and reusable React components using Hooks.

Summary
Build stylish, slick, and speedy-to-load user interfaces in React without writing custom classes. React Hooks are a new category of functions that help you to manage state, lifecycle, and side effects within functional components. React Hooks in Action teaches you to use pre-built hooks like useState, useReducer and useEffect to build your own hooks. Your code will be more reusable, require less boilerplate, and you’ll instantly be a more effective React developer.

About the technology
Get started with React Hooks and you’ll soon have code that’s better organized and easier to maintain. React Hooks are targeted JavaScript functions that let you reuse and share functionality across components. Use them to split components into smaller functions, manage state and side effects, and access React features without classes—all without having to rearrange your component hierarchy.

About the book
React Hooks in Action teaches you to write fast and reusable React components using Hooks. You’ll start by learning to create component code with Hooks. Next, you’ll implement a resource booking application that demonstrates managing local state, application state, and side effects like fetching data. Code samples and illustrations make learning Hooks easy.

What’s inside

Build function components that access React features
Manage local, shared, and application state
Explore built-in, custom, and third-party hooks
Load, update, and cache data with React Query
Improve page and data loading with code-splitting and React Suspense

About the reader
For beginning to intermediate React developers.

About the author
John Larsen has been a teacher and web developer for over 20 years, creating apps for education and helping students learn to code. He is the author of Get Programming with JavaScript.

Table of Contents

PART 1

1 React is evolving

2 Managing component state with useState hook

3 Managing component state with useReducer hook

4 Working with side effects

5 Managing component state with useRef hook

6 Managing application state

7 Managing performance with useMemo

8 Managing state with the Context API

9 Creating your own hooks

10 Using third party hooks

PART 2

11 Code splitting with Suspense

12 Integrating data-fetching with Suspense

13 Experimenting with useTransition, useDeferredValue and SuspenseList