جستجو برای:
  • صفحه اصلی
  • وبلاگ تخصصی جاوااسکریپت
    • جاوااسکریپت
    • Angular
    • Nodejs
    • Reactjs
    • Vuejs
    • Electronjs
    • دیتابیس MongoDB
    • کتابخانه های جاوا اسکریپت
    • فریمورک های جاوا اسکریپت
  • تونل یادگیری رایگان
    • آموزش رایگان جاوااسکریپت
      • 1) جاوااسکریپت چیست ؟
      • 2) بارگذاری جاوااسکریپت
      • 3) کامنت گذاشتن در جاوااسکریپت
      • 4) متغیرها در جاوااسکریپت
      • 5) عملگرها در جاوااسکریپت
      • 6) انواع داده در جاوااسکریپت
      • 7) اعداد در جاوااسکریپت
      • 8) رشته ها در جاوااسکریپت
      • 9) متد های رشته در جاوااسکریپت
      • 10) آرایه ها در جاوااسکریپت
      • 11) متدهای آرایه در جاوااسکریپت
      • 12) مرتب سازی آرایه در جاوااسکریپت
      • 13) اشیا در جاوااسکریپت
      • 14) توابع در جاوااسکریپت
      • 15) توابع ریاضی در جاوااسکریپت
      • 16) دستور شرطی if در جاوااسکریپت
      • 17) دستور Switch در جاوااسکریپت
      • 18) آموزش حلقه for در جاوااسکریپت
      • 19) آموزش حلقه while
    • آموزش رایگان جی کوئری
      • 1) جی کوئری چیست ؟
      • 2) نصب جی کوئری
      • 3) سینتکس جی کوئری
      • 4) سلکتورها در جی کوئری
      • 5) رویداد ها در جی کوئری
      • 6) Hide و Show در جی کوئری
      • 7) افکت Fade در جی کوئری
      • 8) افکت Slide در جی کوئری
      • 9) انیمیشن در جی کوئری
      • 10) افکت ها در جی کوئری
      • 11) دسترسی به محتوای تگ ها (Get)
      • 12) ارسال اطلاعات به تگ ها (Set)
    • آموزش های کامل جاوااسکریپت
      • آموزش کامل Operators (عملگرها)
      • آموزش کامل حلقه ها و شرط ها
      • آموزش کامل Objects (اشیا)
      • آموزش کامل Arrays (آرایه ها)
      • آموزش کامل Functions (توایع)
  • دوره ها
    • دوره رایگان جاوااسکریپت
    • دوره رایگان عملگرها (Operators)
    • دوره رایگان شرط ها و حلقه ها
    • دوره رایگان اشیا (Objects)
    • دوره رایگان آرایه ها (Arrays)
    • دوره رایگان توابع (Functions)
    • دوره پروژه محور هیولای جاوااسکریپت
    • دوره رایگان React مقدماتی
    • دوره پروژه محور هیولای React
  • نقشه راه یادگیری جاوااسکریپت
 
MEGA JS
  • صفحه اصلی
  • وبلاگ تخصصی جاوااسکریپت
    • جاوااسکریپت
    • Angular
    • Nodejs
    • Reactjs
    • Vuejs
    • Electronjs
    • دیتابیس MongoDB
    • کتابخانه های جاوا اسکریپت
    • فریمورک های جاوا اسکریپت
  • تونل یادگیری رایگان
    • آموزش رایگان جاوااسکریپت
      • 1) جاوااسکریپت چیست ؟
      • 2) بارگذاری جاوااسکریپت
      • 3) کامنت گذاشتن در جاوااسکریپت
      • 4) متغیرها در جاوااسکریپت
      • 5) عملگرها در جاوااسکریپت
      • 6) انواع داده در جاوااسکریپت
      • 7) اعداد در جاوااسکریپت
      • 8) رشته ها در جاوااسکریپت
      • 9) متد های رشته در جاوااسکریپت
      • 10) آرایه ها در جاوااسکریپت
      • 11) متدهای آرایه در جاوااسکریپت
      • 12) مرتب سازی آرایه در جاوااسکریپت
      • 13) اشیا در جاوااسکریپت
      • 14) توابع در جاوااسکریپت
      • 15) توابع ریاضی در جاوااسکریپت
      • 16) دستور شرطی if در جاوااسکریپت
      • 17) دستور Switch در جاوااسکریپت
      • 18) آموزش حلقه for در جاوااسکریپت
      • 19) آموزش حلقه while
    • آموزش رایگان جی کوئری
      • 1) جی کوئری چیست ؟
      • 2) نصب جی کوئری
      • 3) سینتکس جی کوئری
      • 4) سلکتورها در جی کوئری
      • 5) رویداد ها در جی کوئری
      • 6) Hide و Show در جی کوئری
      • 7) افکت Fade در جی کوئری
      • 8) افکت Slide در جی کوئری
      • 9) انیمیشن در جی کوئری
      • 10) افکت ها در جی کوئری
      • 11) دسترسی به محتوای تگ ها (Get)
      • 12) ارسال اطلاعات به تگ ها (Set)
    • آموزش های کامل جاوااسکریپت
      • آموزش کامل Operators (عملگرها)
      • آموزش کامل حلقه ها و شرط ها
      • آموزش کامل Objects (اشیا)
      • آموزش کامل Arrays (آرایه ها)
      • آموزش کامل Functions (توایع)
  • دوره ها
    • دوره رایگان جاوااسکریپت
    • دوره رایگان عملگرها (Operators)
    • دوره رایگان شرط ها و حلقه ها
    • دوره رایگان اشیا (Objects)
    • دوره رایگان آرایه ها (Arrays)
    • دوره رایگان توابع (Functions)
    • دوره پروژه محور هیولای جاوااسکریپت
    • دوره رایگان React مقدماتی
    • دوره پروژه محور هیولای React
  • نقشه راه یادگیری جاوااسکریپت
0
ورود / ثبت نام

کتابخانه React

15 تیر 1398
ارسال شده توسط محمدرضا حاجی مقصودی
React ، کتابخانه ها
11.82k بازدید

کتابخانه React

کتابخانه React

Reactjs (ری اکت جی اس) اسمی که این روز ها در دنیای جاوا اسکریپت بسیار زیاد به گوش میخورد. در این مقاله قصد داریم تا باهم درباره ی React که یکی از پرطرفدار ترین کتابخانه های جاوا اسکریپت هست مطالبی را بیان کنیم و ویژگی های react js را زیر ذره بین ببریم.

REACT چیست؟

اول بهتر هست تا بدانیم که React چیست و چه کاری برای ما انجام میدهد…! ری اکت یکی از کتابخانه های جاوا اسکریپت در طراحی رابط کاربری (User Interface) است که در سال ۲۰۱۱ توسط جردن واک که در کمپانی بزرگ فیسبوک کار میکرد ساخته شد. ری اکت در صفحات وب هر بخش از صفحه یا در اصطلاح هر (component) را پس از اعمال تغییر دوباره رندر گرفته و به نمایش در می آورد. پس از مدتی و در سال ۲۰۱۳ کتابخانه ی Reactjs توسط فیسبوک منتشر شد و در دسترس عموم قرار گرفت. تا قبل از آن ریکت تنها توسط فیسبوک استفاده میشد. ری اکت در رندر سریع و مجدد هر بخش از صفحه به صورت مستقل کاربرد دارد و میتوان گفت که کار V یا همان View را در مدل MVC برای ما به سادگی و سهولت انجام میدهد.

Reactjs چه کاربردی دارد؟

برای درک ساده تر کاربرد Reactjs بهتر است که یک مثالی را بیان کنیم . تصور کنید که در فیسبوک یکی از صفحات محبوب شما پستی را منتشر کرده است. شما آنرا لایک میکنید و تصمیم به خواندن نظرات و کامنت های آن میگیرید. حین چک کردن کامنت ها ممکن است همینطور افراد بیشتری آن پست را لایک کنند. بدون لود دوباره ی صفحه عددی که تعداد لایک ها را نمایش میدهد بی وفقه تغییر میکند. این تغییر که بدون بارگذاری مجدد صفحه شکل میگیرد، توسط ری اکت جی اس اتفاق می افتد. حجم بالای اطلاعات که در شبکه اجتماعی ای مانند فیسبوک در لحظه بین کاربران تبادل میشود بسیار بالاست و برای افزایش سرعت، ری اکت در توسعه ی آن استفاده شد. زمانی که ما در صفحه ی وبسایت خودمان چندین بخش مانند درج لایک، درج کامنت، ارسال درخواست دوستی و… داریم باید از روشی استفاده کنیم که بعد از هر کدام از این اتفاقات صفحه مجدد بارگذاری نشود و با سرعت بالاتری تغییرات صورت بگیرد.

مقاله مقایسه Angular با React

REACT چه ویژگی هایی دارد؟

ساده بودن یادگیری React

اگر تا حدی برنامه نویسی بلد باشید و تجربه ی کدنویسی داشته باشید سرعت یادگیری React برایتان بسیار بالاتر از تصورتان خواهد بود. یادگرفتن react خیلی آسان است و احتمالا مهم ترین عامل برای رو آوردن به این کتابخانه همین مسئله است. ری اکت مانند انگولار پیچیده نیست و اگر تنها به جاوا اسکریپت مسلط باشید، یادگیری ری اکت برای شما بسیار لذت بخش خواهد بود. ساخت وبسایت ها تک صفحه ای (SPA) توسط ری اکت به بهترین شکل انجام میشود و وبسایت قدرتمندی مانند دیوار درحال حاضر از React در وبسایت خود بهره گرفته است.

کتابخانه React

 

استفاده از JSX در ری اکت

استفاده از Jsx هم میتواند سود داشته باشد و هم ضرر…!  استفاده از jsx به این صورت است که ما در بین کد های html  خود کد های جاوا اسکریپت مینویسیم؛ از ین رو تفکیک پذیری در بین کد های ما تا حد زیادی کاهش پیدا میکند و کد های ما از قالب و نظم خاصی پیروی نخواهد کرد. استفاده از jsx در ریکت الزامی نیست ولی از سوی دیگر استفاده از JSX باعث افزایش سرعت اجرا میشود و توصیه میشود که هنگام استفاده از React از jsx استفاده شود. استفاده از jsx اوایل ممکن است باعث سر در گمی شما شود اما پس از تمرین و استفاده ی مکرر، کدنویسی آن برایتان لذت بخش میشود.

 

پشتیبانی قدرتمند فیسبوک از React

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

کتابخانه React

 

برنامه نویسی نیتیو توسط React native

ساخت اپلیکیشن های موبایل تا چندی پیش توسط دو زبان برنامه نویسی جاوا برای اندروید و سوییفت برای ios  صورت میگرفت و اگر قصد ساخت و تولید برنامه برای کسب و کار خودمان را داشتیم، باید هر دو را به طور کامل فرا میگرفتیم. یادگیری جاوا و سوئیفت هم زمانبر و در مواردی هزینه بر هم می باشد؛ اما توسط زبان ها و فریم ورک های نیتیو میتوان یک اپلیکیشن واحد را طراحی کنیم و دو خروجی اندروید و ios را همزمان از آن دریافت کنیم و خروجی بگیریمری اکت نیتیو  (React native) پس از انتشار زیاد مورد استقبال قرار نگرفت اما به مرور زمان و پس از اضافه شدن چندین ویژگی مختلف به آن، استقبال شدیدی از آن صورت گرفت و افراد زیادی به آن روی آوردند. برنامه نویسی اندروید توسط React native مزایا و معایب خاص خود را دارد که در مقاله ای جدا به طور کامل آنرا ارزیابی میکنیم.

کتابخانه React

 

آینده کتابخانه REACT

زبان جاوا اسکریپت و همه ی فریم ورک های آن در حال حاضر جایگاه خیلی خوبی را در دنیای بزرگ برنامه نویسی بدست آورده اند و رقابت بالایی را با هم دارند. کتابخانه React در رقابت با دو رقیب سر سخت خود یعنی انگولار و ویو رتبه ی اول را دارد نمودار زیر میزان گرایش برنامه نویس ها را به سمت این کتابخانه نمایش میدهد. برنامه های بزرگی مانند Instagram و facebook و Netflix و… از React native استفاده میکنند و برنامه نویسی اپلیکیشن های اندروید و ios نیز رویکرد فعالی در استفاده از برنامه نویسی نیتو داشته اند. با به روز شدن امکانات و به وجود آمدن نیاز های مخاطبان ری اکت به سرعت آپدیت شده است. تند تر شدن شیب و سرعت پیشرفت این کتابخانه ی جاوا اسکریپت را در آینده شاهد خواهیم بود.

بررسی سه فریمورک محبوب جاوااسکریپت

کتابخانه React

اشتراک گذاری:
برچسب ها: reactری اکتکتابخانه

مطالب زیر را حتما مطالعه کنید

پلاگین های جی کوئری

10 پلاگین پرکاربرد جی کوئری 2020

کتابخانه پرکاربرد جاوا اسکریپت

10 کتابخانه پرکاربرد جاوا اسکریپت 2020

react یا vue یا angular

Angular یا Vue js یا React js کدام را یاد بگیریم؟

تفاوت Angular و React

مقایسه React و Angular

1 دیدگاه

به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.

  • حسین قاسمی گفت:
    10 مهر 1400 در 07:00

    به لحاظ امنیت، این کتابخانه چطور هست؟؟
    یعنی اپن سورس هست؟؟
    و این که آیا اطلاعات صفحه وب، به سرقت نمی رود؟؟
    و مثلا به سرور فیس بوک فرستاده نمی شود؟؟

    برای پاسخ دادن وارد شوید

دیدگاهتان را بنویسید لغو پاسخ

برای نوشتن دیدگاه باید وارد بشوید.

جستجو برای:
هیولای جاوااسکریپت

آموزش پروژه محور جاوااسکریپت

آموزش پروژه محور جاوااسکریپت

دسته‌ها
  • Angular
  • Denojs
  • Electronjs
  • Mongo DB
  • Nodejs
  • React
  • Vue
  • ابزار و تکنولوژی
  • جاوااسکریپت
  • فریم ورک ها
  • کتابخانه ها
  • وبلاگ
  • یادگیری React
  • یادگیری جاوااسکریپت
  • یادگیری جی کوئری
جاوااسکریپت را از کجا شروع کنیم؟

نقشه راه یادگیری جاوا اسکریپت

MEGAJS | مگا جی اس

جدیدترین نوشته ها
  • ۲6) تمرین عملگرها: جا به جایی متغیرها با جاوااسکریپت
  • Typescript چیست؟ چرا باید ازش استفاده کنیم؟
  • ۲۵) آموزش اولویت عملگرها در جاوااسکریپت
  • ۲۴) آموزش عملگرهای منطقی در جاوااسکریپت
درباره MEGA JS، دنیای جذاب جاوااسکریپت

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

دوره های رایگان مگا جی اس

دوره رایگان آموزش جاوااسکریپت
دوره رایگان آموزش ری اکت

دوره رایگان آموزش عملگرهای جاوا اسکریپت
دوره رایگان آموزش حلقه ها و شرط ها
دوره رایگان آموزش آبجکت های جاوااسکریپت
دوره رایگان آموزش آرایه ها در جاوا اسکریپت
دوره رایگان آموزش توابع در جاوااسکریپت

دوره های هیولای مگا جی اس

دوره ۲۰روش درآمدی هیولای درامدزایی
دوره پروژه محور هیولای جاوا اسکریپت
دوره پروژه محور هیولای ری اکت

فیلم های آموزشی رایگان در

کانال آپارات MEGAJS   کانال آپارات MEGAJS

کانال یوتوب MEGAJS   

تمامی حقوق برای سایت MEGA JS محفوظ می باشد.
ورود به سایت ×
رمز عبور خود را فراموش کرده اید؟
ورود با رمز یکبار مصرف
ارسال کد یکبار مصرف(00:120)
حساب کاربری ندارید؟
ثبت نام
ارسال کد یکبار مصرف(00:120)
بازگشت به ورود

ارسال کد یکبار مصرف (00:120)
بازگشت به ورود
  • (+93) افغانستان
  • (+355) Albania
  • (+213) Algeria
  • (+1) American Samoa
  • (+376) Andorra
  • (+244) Angola
  • (+1) Anguilla
  • (+1) Antigua
  • (+54) Argentina
  • (+374) Armenia
  • (+297) Aruba
  • (+61) Australia
  • (+43) Austria
  • (+994) Azerbaijan
  • (+973) Bahrain
  • (+880) Bangladesh
  • (+1) Barbados
  • (+375) Belarus
  • (+32) Belgium
  • (+501) Belize
  • (+229) Benin
  • (+1) Bermuda
  • (+975) Bhutan
  • (+591) Bolivia
  • (+599) Bonaire, Sint Eustatius and Saba
  • (+387) Bosnia and Herzegovina
  • (+267) Botswana
  • (+55) Brazil
  • (+246) British Indian Ocean Territory
  • (+1) British Virgin Islands
  • (+673) Brunei
  • (+359) Bulgaria
  • (+226) Burkina Faso
  • (+257) Burundi
  • (+855) Cambodia
  • (+237) Cameroon
  • (+1) Canada
  • (+238) Cape Verde
  • (+1) Cayman Islands
  • (+236) Central African Republic
  • (+235) Chad
  • (+56) Chile
  • (+86) China
  • (+57) Colombia
  • (+269) Comoros
  • (+682) Cook Islands
  • (+225) Côte d'Ivoire
  • (+506) Costa Rica
  • (+385) Croatia
  • (+53) Cuba
  • (+599) Curaçao
  • (+357) Cyprus
  • (+420) Czech Republic
  • (+243) Democratic Republic of the Congo
  • (+45) Denmark
  • (+253) Djibouti
  • (+1) Dominica
  • (+1) Dominican Republic
  • (+593) Ecuador
  • (+20) Egypt
  • (+503) El Salvador
  • (+240) Equatorial Guinea
  • (+291) Eritrea
  • (+372) Estonia
  • (+251) Ethiopia
  • (+500) Falkland Islands
  • (+298) Faroe Islands
  • (+691) Federated States of Micronesia
  • (+679) Fiji
  • (+358) Finland
  • (+33) France
  • (+594) French Guiana
  • (+689) French Polynesia
  • (+241) Gabon
  • (+995) Georgia
  • (+49) Germany
  • (+233) Ghana
  • (+350) Gibraltar
  • (+30) Greece
  • (+299) Greenland
  • (+1) Grenada
  • (+590) Guadeloupe
  • (+1) Guam
  • (+502) Guatemala
  • (+44) Guernsey
  • (+224) Guinea
  • (+245) Guinea-Bissau
  • (+592) Guyana
  • (+509) Haiti
  • (+504) Honduras
  • (+852) Hong Kong
  • (+36) Hungary
  • (+354) Iceland
  • (+91) India
  • (+62) Indonesia
  • (+98) ایران
  • (+964) عراق
  • (+353) Ireland
  • (+44) Isle Of Man
  • (+972) Israel
  • (+39) Italy
  • (+1) Jamaica
  • (+81) Japan
  • (+44) Jersey
  • (+962) Jordan
  • (+7) Kazakhstan
  • (+254) Kenya
  • (+686) Kiribati
  • (+965) Kuwait
  • (+996) Kyrgyzstan
  • (+856) Laos
  • (+371) Latvia
  • (+961) Lebanon
  • (+266) Lesotho
  • (+231) Liberia
  • (+218) Libya
  • (+423) Liechtenstein
  • (+370) Lithuania
  • (+352) Luxembourg
  • (+853) Macau
  • (+389) Macedonia
  • (+261) Madagascar
  • (+265) Malawi
  • (+60) Malaysia
  • (+960) Maldives
  • (+223) Mali
  • (+356) Malta
  • (+692) Marshall Islands
  • (+596) Martinique
  • (+222) Mauritania
  • (+230) Mauritius
  • (+262) Mayotte
  • (+52) Mexico
  • (+373) Moldova
  • (+377) Monaco
  • (+976) Mongolia
  • (+382) Montenegro
  • (+1) Montserrat
  • (+212) Morocco
  • (+258) Mozambique
  • (+95) Myanmar
  • (+264) Namibia
  • (+674) Nauru
  • (+977) Nepal
  • (+31) Netherlands
  • (+687) New Caledonia
  • (+64) New Zealand
  • (+505) Nicaragua
  • (+227) Niger
  • (+234) Nigeria
  • (+683) Niue
  • (+672) Norfolk Island
  • (+850) North Korea
  • (+1) Northern Mariana Islands
  • (+47) Norway
  • (+968) Oman
  • (+92) پاکستان
  • (+680) Palau
  • (+970) Palestine
  • (+507) Panama
  • (+675) Papua New Guinea
  • (+595) Paraguay
  • (+51) Peru
  • (+63) Philippines
  • (+48) Poland
  • (+351) Portugal
  • (+1) Puerto Rico
  • (+974) Qatar
  • (+242) Republic of the Congo
  • (+40) Romania
  • (+262) Runion
  • (+7) Russia
  • (+250) Rwanda
  • (+290) Saint Helena
  • (+1) Saint Kitts and Nevis
  • (+508) Saint Pierre and Miquelon
  • (+1) Saint Vincent and the Grenadines
  • (+685) Samoa
  • (+378) San Marino
  • (+239) Sao Tome and Principe
  • (+966) Saudi Arabia
  • (+221) Senegal
  • (+381) Serbia
  • (+248) Seychelles
  • (+232) Sierra Leone
  • (+65) Singapore
  • (+1) Sint Maarten
  • (+421) Slovakia
  • (+386) Slovenia
  • (+677) Solomon Islands
  • (+252) Somalia
  • (+27) South Africa
  • (+82) South Korea
  • (+211) South Sudan
  • (+34) Spain
  • (+94) Sri Lanka
  • (+1) St. Lucia
  • (+249) Sudan
  • (+597) Suriname
  • (+268) Swaziland
  • (+46) Sweden
  • (+41) Switzerland
  • (+963) Syria
  • (+886) Taiwan
  • (+992) Tajikistan
  • (+255) Tanzania
  • (+66) Thailand
  • (+1) The Bahamas
  • (+220) The Gambia
  • (+670) Timor-Leste
  • (+228) Togo
  • (+690) Tokelau
  • (+676) Tonga
  • (+1) Trinidad and Tobago
  • (+216) Tunisia
  • (+90) ترکیه
  • (+993) Turkmenistan
  • (+1) Turks and Caicos Islands
  • (+688) Tuvalu
  • (+1) U.S. Virgin Islands
  • (+256) Uganda
  • (+380) Ukraine
  • (+971) ایلات متحده عربی
  • (+44) پادشاهی متحد بریتانیا
  • (+1) ایالات متحده آمریکا
  • (+598) Uruguay
  • (+998) Uzbekistan
  • (+678) Vanuatu
  • (+58) Venezuela
  • (+84) Vietnam
  • (+681) Wallis and Futuna
  • (+212) Western Sahara
  • (+967) Yemen
  • (+260) Zambia
  • (+263) Zimbabwe

ورود

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت