sariapro
4 سال پیش توسط sariapro مطرح شد
10 پاسخ

تفاوت reactJS و Jquery

سلام
به عنوان کسی که چند سالی هست داره با JQuery استفاده می کنه یه سوال در مورد تفاوت این دو داشتم

من وقتی می خوام از JQuery استفاده کنم کافیه کتابخونه اون رو لود کنم و باهاش کار کنم.
اما در مورد React چیزی که تا الان می دونم باید به طرق npm اون رو نصب کنم و ازش استفاده کنم.
npx create-react-app myqpp
چرا برای react به این شکل هست ؟ مثل JQuery نیست که لود کنی و ازش استفاده کنی


ثبت پرسش جدید
saman
@saman1111 4 سال پیش مطرح شد
3

@sariapro
سلام
ری اکت هم یک کتابخونس مثل jQuery
ولی تفاوت های زیادی باهاش داره و خیلی بزرگتره.
شما وقتی از jQuery استفاده میکنید در واقع به ساختار اصلی سایتتون دست نمیزنید، فقط هرجا که نیاز بود از jQuery استفاده می کنید. یعنی اگر یه موقع به کدتون اضافش نکنید فقط قسمت هایی که به اون مربوطه اجرا نمیشه و بقیه سایت به درستی کار میکنه.
ولی توی ری اکت شما تمام کد سایتتون رو باید با استاندارد اون بنویسید. کامپوننت های ری اکت بسازید و از اونا استفاده کنید.
یعنی اگه یه سایت قدیمی دارید که میخواید تبدیل به سایت ری اکتی کنید باید تماما باز نویسی بشه و به جای HTML از ساختار JSX استفاده کنید ( که توش از HTML استفاده میشه ) و کامپوننت هاتون رو بسازید.
و در نهایت از کد هاتون خروجی بگیرید، ولی این خروجی بدون JS دیگه هیچ کاری نمیکنه چون از پایه با اون نوشته شده و چیزی به عنوان HTML خالی نداره. همه چی از طریق JS انجام و ساخته میشه حتی HTML ها.

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


احسان قربانی
تخصص : PHP ، در حال یادگیری لاراول ،...
@TimeRunner2359 4 سال پیش مطرح شد
-1

@sariapro
سلام و وقت بخیر
میشه از React هم به صورت CDN استفاده کرد . منتهی خیلی من ندیدم کاربرد داشته باشه(همونطور که برای Vue.js کاربرد نداره) : این لینک رو ببینید.
ولی خب این دو تفاوت‌های اصولی زیادی دارند :
React , Vue.js , Angular و... فریمورک هستند و JQuery یک کتابخانه است. فریمورک‌ها ساختاری برای نوشتن کد در JS رو برای ما فراهم می‌کنند تا کار ما ساده‌تر بشه و از طرف دیگه بتونیم سایت‌مون رو پویاتر کنیم و قابلیت‌های زیادی رو در زمان کم به سایت خودمون اضافه کنیم. ولی JQuery ، میاد و کدنویسی ما رو با سینتکس اصلاح شده اش و کلیدواژه هایی که حجم زیادی از کد رو خلاصه می‌کنند (مثل .ajax)، راحت‌تر و سریع‌تر میکنه .
موفق و سلامت باشید
یا حق.


sariapro
@sariapro 4 سال پیش مطرح شد
0

ممنونم احسان جان

اتفاقا این رو زیاد شنیدم که vuejs , reactjs یک کتابخونه هستند و angular یک فریم ورک

مثال می تونی بزنی برام؟ در مورد اینکه reactjs چه می کنه که JQuery نمی کنه


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 4 سال پیش مطرح شد
0

@TimeRunner2359
یک) ری اکت هم کتابخانه هستش و نه چارچوب

فریمورک‌ها ساختاری برای نوشتن کد در JS رو برای ما فراهم می‌کنند تا کار ما ساده‌تر بشه و از طرف دیگه بتونیم سایت‌مون رو پویاتر کنیم و قابلیت‌های زیادی رو در زمان کم به سایت خودمون اضافه کنیم. ولی JQuery ، میاد و کدنویسی ما رو با سینتکس اصلاح شده اش و کلیدواژه هایی که حجم زیادی از کد رو خلاصه می‌کنند (مثل .ajax)، راحت‌تر و سریع‌تر میکنه.

دو) تقریبا هیچ توضیحی در خصوص تفاوت ری اکت و جی کوئری ندادید والا.


saman
@saman1111 4 سال پیش مطرح شد
3

@sariapro
سلام
ری اکت هم یک کتابخونس مثل jQuery
ولی تفاوت های زیادی باهاش داره و خیلی بزرگتره.
شما وقتی از jQuery استفاده میکنید در واقع به ساختار اصلی سایتتون دست نمیزنید، فقط هرجا که نیاز بود از jQuery استفاده می کنید. یعنی اگر یه موقع به کدتون اضافش نکنید فقط قسمت هایی که به اون مربوطه اجرا نمیشه و بقیه سایت به درستی کار میکنه.
ولی توی ری اکت شما تمام کد سایتتون رو باید با استاندارد اون بنویسید. کامپوننت های ری اکت بسازید و از اونا استفاده کنید.
یعنی اگه یه سایت قدیمی دارید که میخواید تبدیل به سایت ری اکتی کنید باید تماما باز نویسی بشه و به جای HTML از ساختار JSX استفاده کنید ( که توش از HTML استفاده میشه ) و کامپوننت هاتون رو بسازید.
و در نهایت از کد هاتون خروجی بگیرید، ولی این خروجی بدون JS دیگه هیچ کاری نمیکنه چون از پایه با اون نوشته شده و چیزی به عنوان HTML خالی نداره. همه چی از طریق JS انجام و ساخته میشه حتی HTML ها.

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


sariapro
@sariapro 4 سال پیش مطرح شد
1

سامان ممنونم از توضیحاتت. درکش اسون بود و متوجه شدم.

فقط چرا باید من این تغییر رو بپذیرم؟

یه سوالم رو بهتر بپرسم. با این تغییر چه امکانات و ویژگی هایی در اختیارم قرار میگیره که قبلا قرار نمی گرفت؟


محمد مهدی صالح پور
تخصص : در حال یادگیری طراحی و برنامه...
@MahdiSP 4 سال پیش مطرح شد
0

@sariapro
با React و Vue میشه به ساده ترین و سریع ترین حالت ممکن صفحات SPA ساخت
در صورتی که با JQuery نمیشه یا اگرم بشه سرعت توسعه بسیار کمتری داره نسبت به Vue و React داره


احسان قربانی
تخصص : PHP ، در حال یادگیری لاراول ،...
@TimeRunner2359 4 سال پیش مطرح شد
3

@milad
ممنون از این که ایرادات بنده رو گفتید 🙏🙏


saman
@saman1111 4 سال پیش مطرح شد
2

@sariapro
خواهش میکنم دوست عزیز
وقتی با ری اکت بنویسید شما یک Single Page Application یا اپلیکیشن تک صفحه ای می نویسید، یعنی چی ؟ یعنی اینکه مثل بقیه سایت ها با کلیک روی هر لینک صفحه رفرش نمیشه و فقط قسمت هایی که نیاز به تغییر دارن آپدیت میشن
به عنوان مثال شما به نسخه وب اینستاگرام برید الان، یا سایت خود ری اکت یا وب اپلیکیشن اسنپ و اسنپ فود یا هر سایتی که از ری اکت، ویو یا فریمورک های مشابه استفاده میکنه.
شما تجربه ای که اونجا دارید کاملا مشابه یک اپلیکیشن موبایله، یعنی شما نمیبیند که صفحه داره رفرش میشه، صفحه سفید میشه و بعد تک تک قسمت ها لود میشن و...، شما فقط میبینید قسمتی که باید تغییر میکنه، درست مثل یک اپلیکیشن موبایل یا دسکتاپ
در واقع همه کار با درخواست های ajax انجام میشه. این مورده که اون رو از jQuery کاملا متمایز میکنه.


سید حسین رضوی
تخصص : برنامه نویس وب و طراح رابط کار...
@hossein.r.1442 4 سال پیش مطرح شد
4

دوستان در بالا کامل توضیحات رو خدمتتون عرض کردند
ببینید فرق این دوتا رو میشه مثل ماشین تشبیه کرد یعنی جی‌کوئری رو پیکان جوانان 57 در نظر بگیرید و ریکت رو بنز اس 500، اگه شما قرار باشه یه مسیر 30 کیلومتری رو برید زیاد تفاوتی رو احساس نمیکنید و مشکلی وجود نداره ولی خاطرتون باشه بنز امکانات و راحتی بیشتری رو در اختیارتون میذاره ولی گه قرار باشه 2000 کیلیومتر مسیر رو برید قطعا پیکان میتونه خیلی برای شما عذاب آور باشه.
اگه شما قرار باشه همیشه فقط همین مسیر 30 کیلومتری رو طی کنید و اصلا قرار نیست بیشتر از این مسیر رو برید هزینه کردن برای بنز اصلا عاقلا نه نیست


محمد علی سلیمی
@Rockmanali 1 سال پیش مطرح شد
0

سلام توضیحات کامل بود فقط سوالی که دارم اینه که کسی که ری اکت کار نکرده بخواد یک سایت فروشگاهی رو با jQuery توسعه بده بازدهی مطلوب رو مثل سایت های امروزی داره یا نه ؟


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام