6 پروژه متن باز React Native برای یادگیری

access_timeخرداد 5, 1398
perm_identity ارسال شده توسط
folder_open React Native
visibility 65 بازدید
پروژه های متن باز react native

خواندن کد پروژه های open-source یکی از بهترین و موثرترین راه ها برای خود یادگیری است به خصوص اگر تکنولوژی مورد نظر نسبتا جدید و در حال تکامل است.React Native یکی از این تکنولوژی ها است که روز به روز در حال رشد و تکامل است و تحت یک چرخه ثابت از API ها یک سری ویژگی ها به آن اضافه می شود در حالی که منابع محدودی برای یادگیری آن و حرفه ای شدن وجود دارد.اگر غیر از این هم بود، خواندن و مرورکردن کدهای پروژه های متن باز همیشه یک راه حل عالی برای یاذگیری است.

 لیستی از 6 پروژه  open-source که من خودم برای یادگیری آن ها را دنبال می کنم :

1.HackerNews-React-Native

یادگیری react native از طریق پروژه های متن باز

این پروژه یک پیاده سازی سبک از اپلیکیشن HackerNews با React Native است.این پروژه شما را با ساختن یک اپلیکیشن کامل با استفاده از ویژگی های خود فریمورک بدون دست زدن به معماری ها پیچیده آشنا می کند.

2.Snowflake

یادگیری React Native

Snowflake فراتر از یک اپلیکیشن است. این یک راهنمای گام به گام است که شما را با ذهنیت React Native آشنا می کند.این یک توضیح دقیقه و یک gif برای اطمینان از این است که شما چه چیزهایی را یاد می گیرید.من شخصا این پروژه را پیشنهاد می کنم اگر قصد دارید به صورت عمیق React Native را یاد بگیرید.

3.React-Native-NW-React-Calculator

ساخت ماشین حساب با React Native

یک ماشین حساب که بر روی پلتفرم های مختلف(Web / Mac App / Mobile) با یک کد کار می کند.نه،من شوخی نمی کنم.این پروژه قدرت واقعی ReactJS زمانی که با ReactNative مخلوط شده است را نشان می دهد.همچنین به شما می آموزد که چگونه معماری کد خود را برای رسیدن به این هدف طراحی کنید.این یکی از پروژه های مورد علاقه من است.

4.React-Native-NBA-App

react-native-open-source-project

این اپلیکیشن می تواند به شما یک تن چیز یاد بدهد.عمدتا طراحی رابط کاربری.این پروژه یکی از نزدکترین پیاده سازی های react native به native است.همچنین دارای یک الگوی ساختاری بسیار خوب برای کد دارد که ارزش دنبال کردن دارد.

5.FinanceReactNative

کد پروژه های ReactNative

Finance App یک منبع خوب برای یادگیری کار با کتابخانه های جانبی ،API، کار با چارت ها، نمودارها و سایر اطلاعات مهم است.

6.Facebook’s F8 Conference App

اپلیکیشن های ساخته شده با react native

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

هر یک از این اپلیکیشن ها جنبه های مختلفی را بیان می کنند که با مرور کردن کدهای آن می توانید نکات مختلفی را یاد بگیرید.اگر پروژه های open-source دیگه ای از React Native می شناسید در کامنت ها بیانش کنید تا ازش یاد بگیریم.

برچسب ها:
اشتراک گذاری:
مطالب زیر را حتما بخوانید

12 دیدگاه

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

  • سلام دستتون درد نکنه.مقاله عالی پروژه ها ساده ولی عالی تر.تنها سایتی که تو ایمیلم دنبال میکنم شمایید کارتون درسته.

    پاسخ

  • سلام
    من تازه استارت React رو زدم و الان دارم یه مسنجر میزنم…ولی پروژه هایی که معرفی کردید عالیه و حتمن استفاده میکنم.
    مرسی از راهنمایی تون.

    پاسخ

    • سلام.امیدوارم که هر چه سریعتر مسنجرتون آماده بشه و یک قسمت گپ و گفت رو با شما داشته باشیم.
      خواهش میکنم

      پاسخ

  • خطا میده میزنم react-native run-android قبلشهم چندتا چیز میگه کم داره دان میکنم ولی بازم اجرا نمیشه و کلی خطامیده . لطفا راهنمایی کنید خودتون چطور اجرا کردید؟ ممنون

    پاسخ

      • Scanning 772 folders for symlinks in G:\ProjectTest\test_nattive\f8app-master\node_modules (43ms)
        JS server already running.
        Building and installing the app on the device (cd android && gradlew.bat installDebug)…
        > Configure project :app
        Configuration ‘compile’ in project ‘:app’ is deprecated. Use ‘implementation’ instead.
        WARNING: The specified Android SDK Build Tools version (23.0.1) is ignored, as it is below the minimum supported version (26.0.2) for Android Gradle Plugin 3.0.1.
        Android SDK Build Tools 26.0.2 will be used.
        To suppress this warning, remove “buildToolsVersion ‘23.0.1’” from your build.gradle file, as each version of the Android Gradle Plugin now has a default version of the build tools.

        FAILURE: Build failed with an exception.

        * What went wrong:
        A problem occurred configuring project ‘:app’.
        > No toolchains found in the NDK toolchains folder for ABI with prefix: mips64el-linux-android

        * Try:
        Run with –stacktrace option to get the stack trace. Run with –info or –debug option to get more log output.

        * Get more help at https://help.gradle.org

        BUILD FAILED in 3s
        Could not install the app on the device, read the error above for details.
        Make sure you have an Android emulator running or a device connected and have
        set up your Android development environment:
        https://facebook.github.io/react-native/docs/android-setup.html

        این ارورر رو میده

        پاسخ

        • این مشکل مربوط به gradle میشه.از یک v*n اختصاصی استفاده کنید.و مجدد دستور react-native run-android رو اجرا کنید

          پاسخ

  • سلام ببخشید میخوام یه اپ تحت سرور انجام بدم ،بعد دیتابیسش sql server هست میخوام با mssql ری اکت کار کنم بعد میگه متصل نمیشه ممشکل بعدی اینه که چطور این اطلاعات رو بارگیری و در جدول نمایش بدم ممنون میشم کمک کنید

    پاسخ

    • سلام علی عزیز.مشکل از API هاتون هست وگرنه برای اتصال به دیتابیس مشکلی وجود نداره در react native.بهتر API های خودتون رو با postman چک کنید

      پاسخ

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