React native چیست ؟
Loading
نمایش نتایج: از 1 به 4 از 4

موضوع: React native چیست ؟

  1. #1
    مدير انجمن کاریابی Array itjobs آواتار ها
    تاریخ عضویت
    Saturday 24 February 2007
    نوشته ها
    6,116
    Thanks
    59
    Thanked 58 Times in 53 Posts

    Post React native چیست ؟






    React native چیست ؟

    در دنیای امروز تلفن های همراه نیمی از روح هر فرد هستند . وقتی به توسعه android یا توسعه ios می رسیم توسعه دهندگان دچار سردرگمی می شوند که آیا باید به مصرف کنندگان یک اپلیکیشن با UI عالی و UX برجسته ارائه دهند یا اپلیکیشن هایی که با سیستم عامل های مختلف سازگار هستند و و سرعت توسعه بالاتری دارند، عرضه نمایند . ازین رو توسعه React Native وارد صحنه می شود.
    React native به شما کمک می کند تا برنامه های هیجان انگیز تلفن همراه را ، فقط به کمک جاوا اسکریپت پیاده سازی کنید که برای هردو سیستم عامل android و ios قابل پشتیبانی باشد. با استفاده از React native با فقط یک بار نوشتن کد ، برنامه برای هر دوی این سیستم عامل ها قابل دسترسی ست که باعث صرفه جویی در زمان توسعه می شود.
    امروزه React native محبوبیت فراوانی دارد و همچنین توسط فیس بوک پشتیبانی می شود. React Native با استفاده از ReactJS ساخته شده است که رقابت بسیار زیادی با AngularJS دارد. در ادامه به برخی از تفاوت ها و شباهت های ReactJS و React می پردازیم :
    تفاوت ها و شباهت های ReactJS و React :

    React native یک فریم ورک است که با دنباله ای از اجزای UI کدهای جاوا اسکریپت ایجاد می کند. React native مجمموعه از اجزای سازنده برای هر دو سیستم عامل android و ios برای ساختن یک اپلیکیشن با ظاهر و احساس بومی دارد. ReactJS یک کتابخانه جاوا اسکریپت open source برای طراحی رابط کاربری است . با این حال، React Native و ReactJS هر دو توسط فیس بوک با اصول طراحی مشابه و البته طراحی رابط کاربری متفاوت ایجاد شده اند .
    با استفاده از React native، از آنجایی که از یک کد برای ایجاد REACT Native iOS و REACT Native android استفاده می کنید، فقط نیاز به دانستن HTML، CSS و JavaScript دارید
    چرا فریم ورک React native مهم است ؟

    با استفاده از فریم ورک React native شما می توانید UI را برای هر سیستم عامل iOS و اندروید ارائه دهید . به علاوه این فریم ورک open source است و در آینده ای نزدیک می تواند با دیگر سیستم عامل ها مانند ویندوز یا tvOS نیز سازگار شود.
    از آنجایی که اجزای React native قوانین یکتایی دارند می توانید این اجزا را برای ساختن هر دو برنامه ios و android به کار ببرید.
    توسعه React native نسبتاً سریع، ساده و کارآمد است .

    React native برای آن دسته از توسعه دهندگانی که که در جاوا اسکریپت خبره و متخصص هستند، مناسب است زیرا نیازی به آموختن جاوا برای اندروید و سویفت برای ios ندارند.
    React Native یک UI متمرکز است، که باعث می شود برنامه ها به سرعت بارگیری شوند و احساس راحتی به کاربر بدهند.
    یکی دیگر از دلایل محبوبیت React Native در سال های اخیر، این است که این فریم ورک کمک می کند تا هر دو سیستم عامل در یک مسیر قرار بگیرند و جنگ بین انتخاب توسعه اندروید یا توسعه ios برای توسعه دهندگان موبایل به پایان رسد. ازین رو شرکت های بزرگی مثل فیسبوک ، اینستاگرام، اسکایپ، تسلا، بلومبرگ و بسیاری دیگر از این فریم ورک برای توسعه اپلیکیشن خود استفاده کرده اند .

    نوشته : زهرا حسینی
پاسخ با نقل قول پاسخ با نقل قول

  • #2
    مدير انجمن کاریابی Array itjobs آواتار ها
    تاریخ عضویت
    Saturday 24 February 2007
    نوشته ها
    6,116
    Thanks
    59
    Thanked 58 Times in 53 Posts

    Post پیشنیازهای لازم برای یادگیری React و React-Native


    در این مقاله قصد دارم تجربیات خودم در مسیر یادگیری React و React-Native و اینکه چه پیشنیازهایی وجود دارد که بتوانیم درک مناسبی از React و React-Native داشته باشیم و بتوانیم راحت تر یاد بگیریم را به اشتراک بگذارم .

    1. مبانی Java script

    برای شروع یادگیری React بعد از اراده مهمترین چیز داشتن درک خوب از مبانی Java Script است.
    درک خوب به این معنی است که شما این موارد را به خوبی درک کرده باشید:

    • درک خوب از Scoping (ترجمه فارسی درستش را نمی دانم) .
    • درک صحیح از کاربرد let و const و var.
    • آشنایی به استفاده از map , ****** و reduce.
    • آشنایی با ساختار JSON
    • آشنایی با ساختار JSX

    6. آشنایی با DOM
    2. برنامه نویسی شی‌گرا

    برای اینکه راحت تر برخی مفاهیم React و React-native را درک کنیم لازم است که با مفاهیم کلی برنامه نویسی شی گرا آشنایی داشته باشید.


    3.آشنایی با الگوریتم ها

    آشنایی با الگوریتم ها و توانایی حل مسائل به بهترین شکل یکی دیگر از پیشنیازهای یادگیری React و React-native می باشد.


    4.آشنایی با Flex

    چیدمان صفحات در React-native تماماً با Flex می‌‎باشد. البته Flex در React-native با Flex در Css تفاوت‌های کوچکی دارد.
    5.آشنایی با API

    آشنایی با Api و متدهای فراخوانی api یکی دیگر از ملزومات یادگیری React و React-native می‌باشد.

    منبع :

  • #3
    مدير انجمن کاریابی Array itjobs آواتار ها
    تاریخ عضویت
    Saturday 24 February 2007
    نوشته ها
    6,116
    Thanks
    59
    Thanked 58 Times in 53 Posts

    Post چرا از فریم ورک React Native استفاده می کنیم ؟


    چرا از فریم ورک React Native استفاده می کنیم ؟
    اولین و مهم ترین دلیل استفاده از فریم ورک React Native این است که توسعه دهنده فقط یک مجموعه کد یعنی کدهای جاوا اسکریپت را می نویسد .

    جوانب مثبت و منفی فریم ورک React Native :

    جوانب مثبت – React Native :


    1. کاربرد روی دو سیستم عامل : این فریم ورک در ابتدا برای توسعه ios ایجاد و در این زمینه بسیار موفق و محبوب شد . ازین رو بعدها، فیسبوک تصمیم گرفت با استقاده از آن ، پشتیبانی از سیستم عامل اندروید را نیز ارائه دهد. بنابراین برنامه های React Native می توانند با یک پایگاه داده کد به طور همزمان برای هر دو سیستم عامل توسعه داده شوند که باعث محبوبیت بیشتر این فریم ورک شده است.
    2. عملکرد کلاس آن: در مراحل ابتدایی، برنامه های ‘hybrid’ یا ‘mobile webعمدتاً برای غافلگیری هایشان محبوب بودند . اما با این حال در زمان اجرا پیچیده به نظر می رسند. ازین رو React Native برای شکستن یخ ها به صحنه آمد. برنامه های React Native طوری طراحی شده اند که آن ها را قادر می سازد نه تنها در هر دو سیستم عامل کار کنند، بلکه به همان شیوه در هر دو سیستم عامل بدون هیچگونه عقب ماندگی عمل می کنند
    3. مزایای دیگر استفاده از فریم ورک React Native عبارتند از : توسعه سریعتر، توانایی استفاده مجدد از اجزای سازنده و سهولت نگهداری . به علاوه استفاده از React Native یک فرآیند صرفه جویی در زمان است بنابراین امروزه بسیاری از افراد و شرکت ها ترجیح می دهند از این فریم ورک استفاده کنند.

    جوانب منفی – React Native


    1. فریم ورک React Native در طول زمان بهبود پیدا می کند : این فریم ورک در حال حاضر بی عیب و نقص نیست و دارای مشکلاتی ست که هنوز به آن پرداخته نشده است. به عنوان مثال برخی از ماژول های سفارشی در این فریم ورک وجود ندارند و ممکن است ایجاد این ماژول ها زمان زیادی را از شما بگیرد.
    2. این فریم ورک هنوز یک لبه تکنولوژی دارد : برای استفاده از این فریم ورک شما نیاز به یک توسعه دهنده بسیار حرفه ای برای مشکلات فنی و بعضی از باگ ها نیاز دارید.
    3. وجود آن نامعلوم است : از آنجایی که یک شبکه اجتماعی یعنی فیس بوک این فریم ورک را توسعه داده است، وجود آن هنوز مشخص نیست و فیس بوک می تواند در هر زمانی پروژه های مربوط به آن را از بین ببرد زیرا همه حقوق آن را در اختیار دارد . اگرچه با توجه به محبوبیت آن این اتفاق دور از انتظار است .


    نتیجه گیری:


    با وجود داشتن نقاط ضعف و قوت ، فریم ورک React Native تمام آزمون ها و موانع را برای تبدیل شدن به انتخاب شماره 1 اکثر شرکت های توسعه React Native برای توسعه برنامه های تلفن همراه گذرانده است . یک توسعه دهنده React Native علاوه بر سهولت و ظرافت در حین توسعه برنامه ها، راندمان بالا ، هزینه کم و حجم کار پایین را تجربه می کند . چیزی که این فرآیند را هیجان انگیز تر می کند این است که نیازی به تمرکز بر روی سیستم عامل iOS و اندروید برای ایجاد برنامه نیست. ازین رو شرکت های بزرگ جهان ازین فریم ورک برای ایجاد برنامه های عالی و هیجان انگیز استفاده می کنند.

    نوشته : زهرا حسینی

  • #4
    مدير انجمن کاریابی Array itjobs آواتار ها
    تاریخ عضویت
    Saturday 24 February 2007
    نوشته ها
    6,116
    Thanks
    59
    Thanked 58 Times in 53 Posts

    Post React JS؛ کتابخانه محبوب جاوا اسکریپت برای طراحی UI

    React JS یکی از سریع‌ترین و محبوب‌ترین کتابخانه‌ها (Library) جاوا اسکریپت است که توسط فیسبوک اینستاگرام و یک جامعه مستقل از توسعه دهندگان وب مدیریت و نگهداری می‌شود.

    React یک Libarary متن باز و البته رایگان جاوا اسکریپت برای طراحی رابط کاربری است. این کتابخانه جاوا اسکریپت در ماه مه سال ۲۰۱۳ به صورت عمومی منتشر شد. جالب است بدانید که این فریم ورک در ابتدا توسط یکی از مهندسین فعال در فیسبوک به وجود آمد. آقای «جردن واک» در سال ۲۰۱۱ این فریم ورک را تحت تاثیر XHP که یک کامپوننت HTML برای زبان برنامه نویسی PHP‌ است، ایجاد کرد. در همین سال React روی قسمت News Feed شبکه اجتماعی فیسبوک به کار گرفته شد و ۲ سال بعد، یعنی در سال ۲۰۱۳ هم استفاده از آن توسط فیسبوک به اینستاگرام تعمیم پیدا کرد.

    نکته مهم در کاربرد React JS این است که این کتابخانه صرفا در الگوی طراحی MVC، عهده‌دار بخش View است. View یا اینترفیس در واقع مرتبط با نمایش اجزا هستند و طبعا React JS به جای پرداختن به الگوی MVC به وظایفی می‌پردازد که مربوط به نمایش اجزا می‌پردازد. از دیگر کاربردهای React JS استفاده در طراحی و ایجاد سایت تک صفحه‌ای است.
    استفاده از React JS در HTML

    استفاده از این فریم ورک جاوا اسکریپت در HTML کار چندان مشکلی نیست. برای این کار شما باید از JSX و ECMAScript 2015 استفاده کنید. بنابراین انتظار می‌رود که پیش از استفاده از React دانش کافی از HTML و جاوا اسکریپت داشته باشید.

    چرا React JS اینقدر محبوب است؟




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

    React چه خصوصیات متمایزی دارد؟

    کتابخانه‌ای به این مهمی که خیلی زود هم فراگیر شده و به محبوبیت رسیده، قطعا ویژگی‌های بسیار جالبی برای برنامه نویسان و طراحان سایت دارد. در ادامه این ویژگی‌ها را با هم بررسی می‌کنیم.

    JSX



    در React، برای پروسه Templating از JSX یا JavaScript Syntax Edition به جای جاوا اسکریپت عادی استفاده شود. JSX نوعی جاوا اسکریپت ساده است که شما اجازه می‌دهد تا کدهای html را درون ساختارش قرار دهید. این کدهای HTML در ساختار JSX در هنگام اجرا به کدهای جاوا اسکریپتی رندر می‌شوند. البته این امکان وجود دارد که کدها را بدون استفاده از HTML و به صورت جاوا اسکریپت هم بنویسید. در این صورت دیگر نیازی به دانش JSX نیست.

    React Native


    React یک سری کتابخانه نیتو (Native) دارد که در سال ۲۰۱۵ توسط فیسبوک به دست توسعه دهندگان اپلیکیشن موبایل رسید. این کتابخانه‌های نیتیو React، یک معماری ارائه می‌دهند که با استفاده از آن بتوان اپلیکیشن اندروید نیتیو و اپلیکشن iOS نیتیو توسعه داد.

    Virtula Document Objective Model

    React از یک ساختار داده درون حافظه‌ای برای کش کردن اطلاعات بهره می‌برد. این ساختار که به اختصار Virtual DOM نامیده می‌شود، ابتدا تغییرات انجام شده را محاسبه کرده و سپس مرورگر کاربر را آپدیت می‌کند. این ویژگی به طراح سایت و توسعه دهنده این امکان را می‌دهد که به گونه‌ای کد نویسی کند که انگار تمام صفحه با هر تغییر رندر می‌شود، در حالی که در واقع کتابخانه React تنها کامپوننت‌هایی را رندر می‌کند که واقعا تغییر کرده‌اند.
    Single-way Data flow

    در React یک سری مقدار (Value) تغییر ناپذیر به عوامل رندر کننده کامپوننت‌ها داده می‌شود. این مقدارها دقیقا مثل ویژگی تگ HTML هر رندر کننده است. در این حالت کامپوننت‌ها نمی‌توانند به صورت مستقیم هیچ ویژگی را دستکاری کنند، اما می‌توانند از یک عملکرد call back استفاده کنند تا به کمک آن تغییرات را انجام دهند. به این فرایند، «properties flow down; action flow up» می‌گویند.

    چرا باید از React استفاده کنیم؟

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

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

    منبع

  • علاقه مندي ها (Bookmarks)

    علاقه مندي ها (Bookmarks)

    مجوز های ارسال و ویرایش

    • شما نمیتوانید موضوع جدیدی ارسال کنید
    • شما امکان ارسال پاسخ را ندارید
    • شما نمیتوانید فایل پیوست کنید.
    • شما نمیتوانید پست های خود را ویرایش کنید
    •