فهرست سرفصل‌های React
خانه (Home) مقدمه (Intro) شروع کار (Get Started) اولین اپ (First App) رندر HTML (Render HTML) ارتقا (Upgrade) آشنایی با ES6 (ES6) کلاس ها در ES6 (ES6 Classes) توابع پیکانی ES6 (ES6 Arrow Functions) متغیرها در ES6 (ES6 Variables) متد map روی آرایه ها (ES6 Array map()) دیس ترکچرینگ (تقسیم ساختاری) (ES6 Destructuring) عملگر پخش (Spread) (ES6 Spread Operator) ماژول ها در ES6 (ES6 Modules) عملگر سه تایی (Ternary) (ES6 Ternary Operator) رشته های قالبی (Template Strings) (ES6 Template Strings) مقدمه JSX (JSX Intro) عبارت ها در JSX (JSX Expressions) خصیصه ها در JSX (JSX Attributes) شرط ها در JSX (JSX If Statements) کامپوننت ها (Components) کلاس ها (Class) پراپس ها (Props) (Props) دیس ترکچرینگ پراپس ها (Props Destructuring) پراپس children (Props Children) رویدادها (Events) رندر شرطی (Conditionals) لیست ها (Lists) فرم ها (Forms) ارسال فرم (Forms Submit) فیلد Textarea (Textarea) فیلد Select (Select) چند ورودی در فرم (Multiple Inputs) چک باکس (Checkbox) دکمه های رادیویی (Radio) پورتال ها (Portals) Suspense (Suspense) استایل دهی با CSS (CSS Styling) CSS Modules (CSS Modules) CSS-in-JS (CSS-in-JS) مسیریابی (Router) (Router) ترنزیشن ها (Transitions) (Transitions) Forward Ref (Forward Ref) کامپوننت های مرتبه بالاتر (HOC) (HOC) استایل دهی با Sass (Sass) هوکس چیست؟ (What is Hooks?) هوک useState (useState) هوک useEffect (useEffect) هوک useContext (useContext) هوک useRef (useRef) هوک useReducer (useReducer) هوک useCallback (useCallback) هوک useMemo (useMemo) هوک های سفارشی (Custom Hooks) کامپایلر (Compiler) کوئیز (آزمون کوتاه) (Quiz) تمرین ها (Exercises) سیلابس (سرفصل دوره) (Syllabus) برنامه مطالعه (Study Plan) سرور (Server) آمادگی مصاحبه (Interview Prep) گواهینامه (Certificate)
نتیجه‌ای برای جستجو یافت نشد.
React

React — تمرین ها (Exercises)

آخرین بروزرسانی: 1404/08/24

تمرین ها (Exercises)

اینجا مرکز تمرین های ری اکت است؛ جایی که با حل سؤال، مهارتت را از حالت تئوری به عملی تبدیل می کنی و قدم به قدم قوی تر می شوی.

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

در منبع، تمرین ها مجموعه ای از سؤال ها در دسته های مختلف هستند. مثلا دسته Get Started، JSX، Components، Forms، Router و کلی موضوع دیگر.

هر دسته چند تمرین دارد؛ بعضی 3 تا، بعضی 4 یا حتی 5 تمرین. بنابراین می توانی روی بخش های خاصی مثل «هوک ها» یا «لیست ها» تمرکز کنی.

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

منبع برای تمرین های ری اکت یک لیست کاشی مانند ساخته است. هر کاشی نام دسته را نشان می دهد و زیر آن تعداد تمرین های همان دسته نوشته شده است.

مثلا: JSX، JSX Expressions، Props، Events، Forms، Portals، Suspense، CSS Styling، Router، Transitions، Hooks مثل useState و useEffect و حتی Custom Hooks.

نوار جستجو و شمارنده پیشرفت

در بالای لیست تمرین ها یک فیلد جستجو وجود دارد. می توانی در آن مثلا بنویسی hooks تا فقط دسته های مربوط به هوک ها را ببینی.

همچنین در منبع یک شمارنده پیشرفت وجود دارد که می گوید چند تمرین را تمام کرده ای. این بخش برای کاربرهای لاگین شده فعال است.

ردیابی تمرین های تمام شده

اگر در سایت منبع لاگین کنی، کنار هر تمرین یک علامت «Done» نشان داده می شود. تمرین های کامل شده با استایل متفاوت دیده می شوند.

در سایت خودت هم می توانی صفحه کوئیز (آزمون کوتاه) (Quiz) را کنار همین صفحه تمرین ها قرار بدهی تا همه چیز برای تمرین منظم آماده باشد.

نوع سؤال ها در تمرین ها

در بخش توضیح نهایی منبع، گفته شده سؤال ها دو نوع هستند. نوع اول چندگزینه ای است؛ یعنی باید گزینه درست را انتخاب کنی.

نوع دوم «پر کردن جای خالی» است؛ باید کد یا کلمه درست را بنویسی. اگر اشتباه کردی، می توانی دوباره تلاش کنی یا جواب را ببینی.

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

  1. 1) یک فصل از آموزش ری اکت را بخوان.
  2. 2) از لیست تمرین ها، دسته مربوط به همان فصل را باز کن.
  3. 3) تمرین ها را حل کن و اگر اشتباه شد، دوباره تلاش کن.
  4. 4) جواب درست را ببین و برگرد مفاهیم را مرور کن.
  5. 5) بعد از چند فصل، سراغ صفحه کوییز ری اکت هم برو.

ارتباط تمرین ها با فصل های دیگر

هر دسته تمرین به یک فصل آموزش مربوط است. مثلا تمرین های هوک useState به صفحه «هوک useState (useState)» ربط دارند و تمرین های useMemo به صفحه هوک useMemo (useMemo).

همچنین تمرین های Custom Hooks به صفحه هوک های سفارشی (Custom Hooks) وصل هستند. پس تمرین ها مثل یک تکلیف مدرسه اند که بعد از درس، مفهوم را محکم می کنند.

تمرین های ری اکت در برنامه مطالعه تو

بهتر است تمرین های ری اکت را در برنامه ثابت هفتگی قرار دهی. مثلا هر روز از یک دسته چند سؤال حل کن.

برای دسترسی سریع، می توانی این صفحه تمرین ها (Exercises) را بوکمارک کنی و همیشه بعد از خواندن هر فصل، اول به اینجا سر بزنی.

جمع بندی سریع

  • تمرین ها ری اکت در دسته های موضوعی مختلف مرتب شده اند.
  • می توانی با جستجو، دسته تمرین مناسب خودت را پیدا کنی.
  • نوع سؤال ها ترکیبی از چندگزینه ای و جای خالی است.
  • جواب ها در فصل های مربوط به آموزش ری اکت قرار دارند.
  • تمرین منظم، یادگیری ری اکت را مثل تمرین ورزشی قوی تر می کند.