‏React به‌صورت تصویری؛ از jQuery تا رندر

این مقاله یه راهنمای تصویری برای درک React ئه و می‌گه برای اینکه واقعاً قدر React رو بدونی، اول باید بفهمی چرا ساخته شد. تاریخ وب رو مرور می‌کنه: jQueryها محبوب‌ترین راه ساخت وب بودن و وب رو همون چیزی می‌دیدن که بود، یه درخت از node‌های DOM. با jQuery، state اپ داخل خود DOM زندگی می‌کرد و برای هر تغییر باید دستی DOM رو پیمایش می‌کردی، node رو پیدا می‌کردی و به‌روزش می‌کردی.

بعد Backbone.js اومد که الگوی Model-View-Controller رو به وب آورد و با حدود ۲٬۰۰۰ خط کد اجازه داد state اپ رو از DOM جدا کنی؛ state تو «Model»ها زندگی می‌کرد و هر وقت یه Model عوض می‌شد، همهٔ Viewهایی که بهش اهمیت می‌دادن دوباره رندر می‌شدن. AngularJS هم two-way data binding رو در آغوش گرفت که در تئوری قشنگ بود چون لازم نبود دستی DOM رو دست‌کاری کنی، ولی در عمل تغییرهای ضمنی state کد رو هم سخت‌فهم و هم سخت‌دیباگ می‌کرد و به مشکل پرفورمنس منجر می‌شد چون Angular مدام باید دنبال تغییرها کل اپ رو اسکن می‌کرد.