مشاهده سورس کد سایتهای ساخته شده با ری اکت

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

لینک نصب

سلام .ممنون از لطفتون.
اون افزونه رو دیدم و باهاش کار کردم ولی متاسفانه بدردم نمی خوره . چون من می خوام اطلاعاتی رو از DOM صفحه ایی که با react ساخته شده بردارم اونم نه به صورت دستی به این کامپوننت ها توی view page source نیاز دارم .

درود

برای اینکه اپلیکیشن ری‌اکت رو با view page source ببینید باید از SSR استفاده کنی.
توضیحات کامل در گفتگوی زیر:
https://roocket.ir/discuss/6857

سلام و ممنون از شما @ali.bayat . نکته ایی ک هست اینه که من به بک اند دسترسی ندارم و نقشم کلاینته. و در این صورت نمی تونم SSR پیاده سازی کنم . اگه اشتباه می گم اصلاح کنید. (اصلا اپلیکیشن مفروض رو من نساختم ولی میخوام از DOM اون استفاده کنم).

• حالا با این شرایط راهی هست؟
• واقعا چیزی رو که دارم توی inspect element میبینم چطور نتونم بهش دسترسی داشته باشم.این برام عجیبه و میدونم حتما راهی هست.

ببینید کتابخونه هایی مثل jQuery مستقیما روی DOM عمل میکنند. اما React و Vue هر دو از Virtual DOM استفاده میکنند , و تغییرات نهایی رو به DOM منتقل میکنند. برای همین معقول نیست که در چنین ساختاری شما مستقیما DOM رو دستکاری کنید

اصلا برای همین استیت ها رو داریم که هرگاه توسط setState تغییری بوجود اومد ، همه‌چی رندر بشه.

پیشنهاد من اینه که کل تغییرات رو با React اعمال کنید

ممنون از پاسخ شما. پروژه ایی که من دارم به این صورت نیست که بشه با react پیاده سازی کرد ولی از فهوای کلام شما فهمیدم اون کاری که مد نظرم هست رو نمی تونم انجام بدم اطلاعات خوبی راجع react بهم دادید ممنون .
چطور میشه خصوصی با شما صحبت کنم؟
@ali.bayat