دوره React: درک سریع (بررسی عمیق JumpStart و 2 ساعت)

آنچه یاد خواهید گرفت:

• ساخت کامپوننت‌های عملکردی React که props را می‌پذیرند و JSX را برمی‌گردانند تا بلوک‌های قابل استفاده مجدد UI ایجاد شود.
• درک کنید درخت Fiber و Reconciliation چیستند.
• اصطلاحات JSX را به درستی بنویسید و قوانین پایه برای ایجاد مارک‌آپ کامپوننتی که React می‌تواند رندر کند را درک کنید.
• درک کنید واقعاً hooks چیستند و hooks استیت در React چگونه کار می‌کنند.
• داده‌ها را با استفاده از hook جدید use در React 19 واکشی کنید و استیت های بارگذاری را با مرزهای Suspense نمایش دهید.
• یک AI را آموزش دهید تا کد React تولید کند.

پیش نیازهای دوره

• دانش اولیه JavaScript و HTML

توضیحات دوره

در زمان کوتاه، به مدل ذهنی دقیق React تسلط دهید! فقط کد را کپی نکنید. React را درک کنید.

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

این دوره متفاوت است. یک مدل ذهنی دقیق از مفاهیم اصلی React ایجاد کنید تا بتوانید سریع‌تر دیباگ کنید، تصمیمات معماری بهتری بگیرید، کد تمیز و قابل نگهداری بنویسید، و یک LLM را به‌درستی جهت تولید کد React هدایت کنید.

آنچه را می‌آموزید

کامپوننت‌ها و JSX

• کامپوننت‌ها واقعاً چیستند و چرا باید «خالص» باشند؟
• چگونه JSX در پشت صحنه کار می‌کند و چرا قوانین آن وجود دارد؟
• props چیستند و چگونه کار می‌کنند؟
• نوشتن مارک‌آپ کامپوننتی معنایی و قابل نگهداری

Reconciliation و درخت Fiber

• چگونه React در پشت صحنه کار می‌کند؟
• React در واقع اطلاعات را در کجا ذخیره می‌کند؟

Hooks

• useState: چرا عدم تغییرپذیری مهم است و React چگونه تغییرات را تشخیص می‌دهد؟
• useReducer: چه زمانی باید از reducers به جای استیت ساده استفاده کنید؟

واکشی داده‌های مدرن

• تسلط به hook جدید use در React 19 برای کد پاک و ناهمزمان
• درک مرزهای Suspense

AI و پرامپت نویسی LLM

• از دانش خود برای Prompting صحیح یک AI استفاده کنید.
• بهترین نتایج را از یک LLM در تولید اپلیکیشن‌های React بگیرید.

پیش‌نیازها

• JavaScript اولیه (تابع‌ها، آبجکت ها، آرایه‌ها)
• آشنایی با HTML و CSS
• تجربه قبلی در React لازم نیست.

این دوره برای چه کسانی مناسب است؟

• توسعه‌دهندگان مبتدی، متوسط یا حتی پیشرفته React که می‌خواهند یک مدل ذهنی واضح از React داشته باشند.
• مبتدی، متوسط یا حتی پیشرفته‌ی توسعه‌دهندگان React که می‌خواهند مدل ذهنی واضحی از React داشته باشند.