به طور معمول، شما برای باز کردن یک صفحه وب باید درخواست خود را به صورت یک URL در مرورگر تایپ کنید. سپس مرورگر شما درخواستی برای آن صفحه وب ارسال می کند تا بتواند آن را به شما ارائه کند. اگر روی پیوندی در آن صفحه وب کلیک کنید تا به صفحه دیگری در وب سایت بروید، یک درخواست جدید برای دریافت آن صفحه جدید به سرور ارسال می شود.

این الگوی بارگذاری رفت و برگشت بین مرورگر شما (کلاینت) و سرور برای هر صفحه یا منبع جدیدی که سعی می کنید در یک وب سایت به آن دسترسی پیدا کنید ادامه می یابد. این رویکرد معمولی برای بارگذاری وب سایت ها به خوبی کار می کند، اما یک وب سایت بسیار مبتنی بر داده را در نظر بگیرید. اینگونه رویکرد در بارگذاری صفحه می تواند زمان اضافی را بگیرد و در نتیجه تجربه کاربری را ضعیف کند.

علاوه بر این، هنگامی که داده ها در یک برنامه جاوا اسکریپت سنتی تغییر می کنند، برای منعکس کردن این تغییرات به دستکاری DOM نیاز دارد. باید شناسایی کنید که کدام داده‌ها تغییر کرده‌اند و DOM را به‌روزرسانی کنید تا آن تغییرات را منعکس کند، که منجر به بارگیری مجدد صفحه می‌شود.

React با اجازه دادن به شما در ساخت برنامه‌ای که به عنوان یک برنامه تک صفحه‌ای (SPA) شناخته می‌شود، رویکرد متفاوتی اتخاذ می‌کند. یک برنامه تک صفحه ای تنها یک سند HTML را در اولین درخواست بارگیری می کند. سپس، بخش، محتوا یا بدنه خاصی از صفحه وب را که نیاز به به روز رسانی با استفاده از جاوا اسکریپت دارد، به روز می کند.

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

React متکی به یک DOM مجازی است که یک کپی از DOM واقعی است. DOM مجازی React بلافاصله بارگیری مجدد می شود تا هر زمان که تغییری در وضعیت داده ایجاد شود، این تغییر جدید منعکس شود. پس از آن، React DOM مجازی را با DOM واقعی مقایسه می کند تا بفهمد دقیقاً چه چیزی تغییر کرده است.

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