کامپوننت‌های کلاس (Class Components) 🏛️

قبل از سال 2019 (React 16.8)، تنها راه داشتن State استفاده از کلاس‌ها بود. اگرچه الان از Function + Hooks استفاده می‌کنیم، اما دیدن کلاس‌ها در پروژه‌های قدیمی رایج است.

{code_block('class Car extends React.Component {\n render() {\n return

Hi, I am a Car!

;\n }\n}')}

یادگیری React یک سرمایه‌گذاری بی‌نظیر است. این کتابخانه نه تنها بازار کار فوق‌العاده‌ای دارد، بلکه نحوه تفکر شما درباره برنامه‌نویسی UI را تغییر می‌دهد. با تسلط بر کامپوننت‌ها و جریان داده، می‌توانید پیچیده‌ترین اینترفیس‌ها را به سادگی مدیریت کنید.

یادگیری React یک سرمایه‌گذاری بی‌نظیر است. این کتابخانه نه تنها بازار کار فوق‌العاده‌ای دارد، بلکه نحوه تفکر شما درباره برنامه‌نویسی UI را تغییر می‌دهد. با تسلط بر کامپوننت‌ها و جریان داده، می‌توانید پیچیده‌ترین اینترفیس‌ها را به سادگی مدیریت کنید.

یادگیری React یک سرمایه‌گذاری بی‌نظیر است. این کتابخانه نه تنها بازار کار فوق‌العاده‌ای دارد، بلکه نحوه تفکر شما درباره برنامه‌نویسی UI را تغییر می‌دهد. با تسلط بر کامپوننت‌ها و جریان داده، می‌توانید پیچیده‌ترین اینترفیس‌ها را به سادگی مدیریت کنید.

یادگیری React یک سرمایه‌گذاری بی‌نظیر است. این کتابخانه نه تنها بازار کار فوق‌العاده‌ای دارد، بلکه نحوه تفکر شما درباره برنامه‌نویسی UI را تغییر می‌دهد. با تسلط بر کامپوننت‌ها و جریان داده، می‌توانید پیچیده‌ترین اینترفیس‌ها را به سادگی مدیریت کنید.

یادگیری React یک سرمایه‌گذاری بی‌نظیر است. این کتابخانه نه تنها بازار کار فوق‌العاده‌ای دارد، بلکه نحوه تفکر شما درباره برنامه‌نویسی UI را تغییر می‌دهد. با تسلط بر کامپوننت‌ها و جریان داده، می‌توانید پیچیده‌ترین اینترفیس‌ها را به سادگی مدیریت کنید.

یادگیری React یک سرمایه‌گذاری بی‌نظیر است. این کتابخانه نه تنها بازار کار فوق‌العاده‌ای دارد، بلکه نحوه تفکر شما درباره برنامه‌نویسی UI را تغییر می‌دهد. با تسلط بر کامپوننت‌ها و جریان داده، می‌توانید پیچیده‌ترین اینترفیس‌ها را به سادگی مدیریت کنید.

یادگیری React یک سرمایه‌گذاری بی‌نظیر است. این کتابخانه نه تنها بازار کار فوق‌العاده‌ای دارد، بلکه نحوه تفکر شما درباره برنامه‌نویسی UI را تغییر می‌دهد. با تسلط بر کامپوننت‌ها و جریان داده، می‌توانید پیچیده‌ترین اینترفیس‌ها را به سادگی مدیریت کنید.

یادگیری React یک سرمایه‌گذاری بی‌نظیر است. این کتابخانه نه تنها بازار کار فوق‌العاده‌ای دارد، بلکه نحوه تفکر شما درباره برنامه‌نویسی UI را تغییر می‌دهد. با تسلط بر کامپوننت‌ها و جریان داده، می‌توانید پیچیده‌ترین اینترفیس‌ها را به سادگی مدیریت کنید.

یادگیری React یک سرمایه‌گذاری بی‌نظیر است. این کتابخانه نه تنها بازار کار فوق‌العاده‌ای دارد، بلکه نحوه تفکر شما درباره برنامه‌نویسی UI را تغییر می‌دهد. با تسلط بر کامپوننت‌ها و جریان داده، می‌توانید پیچیده‌ترین اینترفیس‌ها را به سادگی مدیریت کنید.

یادگیری React یک سرمایه‌گذاری بی‌نظیر است. این کتابخانه نه تنها بازار کار فوق‌العاده‌ای دارد، بلکه نحوه تفکر شما درباره برنامه‌نویسی UI را تغییر می‌دهد. با تسلط بر کامپوننت‌ها و جریان داده، می‌توانید پیچیده‌ترین اینترفیس‌ها را به سادگی مدیریت کنید.

یادگیری React یک سرمایه‌گذاری بی‌نظیر است. این کتابخانه نه تنها بازار کار فوق‌العاده‌ای دارد، بلکه نحوه تفکر شما درباره برنامه‌نویسی UI را تغییر می‌دهد. با تسلط بر کامپوننت‌ها و جریان داده، می‌توانید پیچیده‌ترین اینترفیس‌ها را به سادگی مدیریت کنید.

یادگیری React یک سرمایه‌گذاری بی‌نظیر است. این کتابخانه نه تنها بازار کار فوق‌العاده‌ای دارد، بلکه نحوه تفکر شما درباره برنامه‌نویسی UI را تغییر می‌دهد. با تسلط بر کامپوننت‌ها و جریان داده، می‌توانید پیچیده‌ترین اینترفیس‌ها را به سادگی مدیریت کنید.

یادگیری React یک سرمایه‌گذاری بی‌نظیر است. این کتابخانه نه تنها بازار کار فوق‌العاده‌ای دارد، بلکه نحوه تفکر شما درباره برنامه‌نویسی UI را تغییر می‌دهد. با تسلط بر کامپوننت‌ها و جریان داده، می‌توانید پیچیده‌ترین اینترفیس‌ها را به سادگی مدیریت کنید.

یادگیری React یک سرمایه‌گذاری بی‌نظیر است. این کتابخانه نه تنها بازار کار فوق‌العاده‌ای دارد، بلکه نحوه تفکر شما درباره برنامه‌نویسی UI را تغییر می‌دهد. با تسلط بر کامپوننت‌ها و جریان داده، می‌توانید پیچیده‌ترین اینترفیس‌ها را به سادگی مدیریت کنید.

یادگیری React یک سرمایه‌گذاری بی‌نظیر است. این کتابخانه نه تنها بازار کار فوق‌العاده‌ای دارد، بلکه نحوه تفکر شما درباره برنامه‌نویسی UI را تغییر می‌دهد. با تسلط بر کامپوننت‌ها و جریان داده، می‌توانید پیچیده‌ترین اینترفیس‌ها را به سادگی مدیریت کنید.

یادگیری React یک سرمایه‌گذاری بی‌نظیر است. این کتابخانه نه تنها بازار کار فوق‌العاده‌ای دارد، بلکه نحوه تفکر شما درباره برنامه‌نویسی UI را تغییر می‌دهد. با تسلط بر کامپوننت‌ها و جریان داده، می‌توانید پیچیده‌ترین اینترفیس‌ها را به سادگی مدیریت کنید.

یادگیری React یک سرمایه‌گذاری بی‌نظیر است. این کتابخانه نه تنها بازار کار فوق‌العاده‌ای دارد، بلکه نحوه تفکر شما درباره برنامه‌نویسی UI را تغییر می‌دهد. با تسلط بر کامپوننت‌ها و جریان داده، می‌توانید پیچیده‌ترین اینترفیس‌ها را به سادگی مدیریت کنید.

یادگیری React یک سرمایه‌گذاری بی‌نظیر است. این کتابخانه نه تنها بازار کار فوق‌العاده‌ای دارد، بلکه نحوه تفکر شما درباره برنامه‌نویسی UI را تغییر می‌دهد. با تسلط بر کامپوننت‌ها و جریان داده، می‌توانید پیچیده‌ترین اینترفیس‌ها را به سادگی مدیریت کنید.

یادگیری React یک سرمایه‌گذاری بی‌نظیر است. این کتابخانه نه تنها بازار کار فوق‌العاده‌ای دارد، بلکه نحوه تفکر شما درباره برنامه‌نویسی UI را تغییر می‌دهد. با تسلط بر کامپوننت‌ها و جریان داده، می‌توانید پیچیده‌ترین اینترفیس‌ها را به سادگی مدیریت کنید.

یادگیری React یک سرمایه‌گذاری بی‌نظیر است. این کتابخانه نه تنها بازار کار فوق‌العاده‌ای دارد، بلکه نحوه تفکر شما درباره برنامه‌نویسی UI را تغییر می‌دهد. با تسلط بر کامپوننت‌ها و جریان داده، می‌توانید پیچیده‌ترین اینترفیس‌ها را به سادگی مدیریت کنید.

یادگیری React یک سرمایه‌گذاری بی‌نظیر است. این کتابخانه نه تنها بازار کار فوق‌العاده‌ای دارد، بلکه نحوه تفکر شما درباره برنامه‌نویسی UI را تغییر می‌دهد. با تسلط بر کامپوننت‌ها و جریان داده، می‌توانید پیچیده‌ترین اینترفیس‌ها را به سادگی مدیریت کنید.

یادگیری React یک سرمایه‌گذاری بی‌نظیر است. این کتابخانه نه تنها بازار کار فوق‌العاده‌ای دارد، بلکه نحوه تفکر شما درباره برنامه‌نویسی UI را تغییر می‌دهد. با تسلط بر کامپوننت‌ها و جریان داده، می‌توانید پیچیده‌ترین اینترفیس‌ها را به سادگی مدیریت کنید.

یادگیری React یک سرمایه‌گذاری بی‌نظیر است. این کتابخانه نه تنها بازار کار فوق‌العاده‌ای دارد، بلکه نحوه تفکر شما درباره برنامه‌نویسی UI را تغییر می‌دهد. با تسلط بر کامپوننت‌ها و جریان داده، می‌توانید پیچیده‌ترین اینترفیس‌ها را به سادگی مدیریت کنید.

یادگیری React یک سرمایه‌گذاری بی‌نظیر است. این کتابخانه نه تنها بازار کار فوق‌العاده‌ای دارد، بلکه نحوه تفکر شما درباره برنامه‌نویسی UI را تغییر می‌دهد. با تسلط بر کامپوننت‌ها و جریان داده، می‌توانید پیچیده‌ترین اینترفیس‌ها را به سادگی مدیریت کنید.

یادگیری React یک سرمایه‌گذاری بی‌نظیر است. این کتابخانه نه تنها بازار کار فوق‌العاده‌ای دارد، بلکه نحوه تفکر شما درباره برنامه‌نویسی UI را تغییر می‌دهد. با تسلط بر کامپوننت‌ها و جریان داده، می‌توانید پیچیده‌ترین اینترفیس‌ها را به سادگی مدیریت کنید.

یادگیری React یک سرمایه‌گذاری بی‌نظیر است. این کتابخانه نه تنها بازار کار فوق‌العاده‌ای دارد، بلکه نحوه تفکر شما درباره برنامه‌نویسی UI را تغییر می‌دهد. با تسلط بر کامپوننت‌ها و جریان داده، می‌توانید پیچیده‌ترین اینترفیس‌ها را به سادگی مدیریت کنید.

یادگیری React یک سرمایه‌گذاری بی‌نظیر است. این کتابخانه نه تنها بازار کار فوق‌العاده‌ای دارد، بلکه نحوه تفکر شما درباره برنامه‌نویسی UI را تغییر می‌دهد. با تسلط بر کامپوننت‌ها و جریان داده، می‌توانید پیچیده‌ترین اینترفیس‌ها را به سادگی مدیریت کنید.

یادگیری React یک سرمایه‌گذاری بی‌نظیر است. این کتابخانه نه تنها بازار کار فوق‌العاده‌ای دارد، بلکه نحوه تفکر شما درباره برنامه‌نویسی UI را تغییر می‌دهد. با تسلط بر کامپوننت‌ها و جریان داده، می‌توانید پیچیده‌ترین اینترفیس‌ها را به سادگی مدیریت کنید.

یادگیری React یک سرمایه‌گذاری بی‌نظیر است. این کتابخانه نه تنها بازار کار فوق‌العاده‌ای دارد، بلکه نحوه تفکر شما درباره برنامه‌نویسی UI را تغییر می‌دهد. با تسلط بر کامپوننت‌ها و جریان داده، می‌توانید پیچیده‌ترین اینترفیس‌ها را به سادگی مدیریت کنید.

یادگیری React یک سرمایه‌گذاری بی‌نظیر است. این کتابخانه نه تنها بازار کار فوق‌العاده‌ای دارد، بلکه نحوه تفکر شما درباره برنامه‌نویسی UI را تغییر می‌دهد. با تسلط بر کامپوننت‌ها و جریان داده، می‌توانید پیچیده‌ترین اینترفیس‌ها را به سادگی مدیریت کنید.

<hr style="margin: 50px 0; border: 0; border-top: 2px dashed #61dafb;">

فلسفه React: تفکر اعلانی (Declarative) 🧠

بزرگترین تغییر ذهنی هنگام یادگیری React، حرکت از کدنویسی دستوری (Imperative) به اعلانی (Declarative) است. در روش قدیمی (jQuery)، شما می‌گفتید: "برو اون دکمه رو پیدا کن، کلاس فعال رو بهش اضافه کن". در React، شما می‌گویید: "اگر وضعیت فعال است، دکمه باید این شکلی باشد" و React بقیه کارها را انجام می‌دهد.