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

خواندن کد پروژه های open-source یکی از بهترین و موثرترین راه ها برای خود یادگیری است به خصوص اگر تکنولوژی مورد نظر نسبتا جدید و در حال تکامل است.React Native یکی از این تکنولوژی ها است که روز به روز در حال رشد و تکامل است و تحت یک چرخه ثابت از API ها یک سری ویژگی ها به آن اضافه می شود در حالی که منابع محدودی برای یادگیری آن و حرفه ای شدن وجود دارد.اگر غیر از این هم بود، خواندن و مرورکردن کدهای پروژه های متن باز همیشه یک راه حل عالی برای یاذگیری است.
لیستی از 6 پروژه open-source که من خودم برای یادگیری آن ها را دنبال می کنم :
این پروژه یک پیاده سازی سبک از اپلیکیشن HackerNews با React Native است.این پروژه شما را با ساختن یک اپلیکیشن کامل با استفاده از ویژگی های خود فریمورک بدون دست زدن به معماری ها پیچیده آشنا می کند.
Snowflake فراتر از یک اپلیکیشن است. این یک راهنمای گام به گام است که شما را با ذهنیت React Native آشنا می کند.این یک توضیح دقیقه و یک gif برای اطمینان از این است که شما چه چیزهایی را یاد می گیرید.من شخصا این پروژه را پیشنهاد می کنم اگر قصد دارید به صورت عمیق React Native را یاد بگیرید.
3.React-Native-NW-React-Calculator
یک ماشین حساب که بر روی پلتفرم های مختلف(Web / Mac App / Mobile) با یک کد کار می کند.نه،من شوخی نمی کنم.این پروژه قدرت واقعی ReactJS زمانی که با ReactNative مخلوط شده است را نشان می دهد.همچنین به شما می آموزد که چگونه معماری کد خود را برای رسیدن به این هدف طراحی کنید.این یکی از پروژه های مورد علاقه من است.
این اپلیکیشن می تواند به شما یک تن چیز یاد بدهد.عمدتا طراحی رابط کاربری.این پروژه یکی از نزدکترین پیاده سازی های react native به native است.همچنین دارای یک الگوی ساختاری بسیار خوب برای کد دارد که ارزش دنبال کردن دارد.
Finance App یک منبع خوب برای یادگیری کار با کتابخانه های جانبی ،API، کار با چارت ها، نمودارها و سایر اطلاعات مهم است.
6.Facebook’s F8 Conference App
این اپلیکیشن برای کنفرانس F8 توسط سازندگان React Native طراحی شده و بعد از کنفرانس یه صورت متن باز در اختیار عموم قرار گرفت.
هر یک از این اپلیکیشن ها جنبه های مختلفی را بیان می کنند که با مرور کردن کدهای آن می توانید نکات مختلفی را یاد بگیرید.اگر پروژه های open-source دیگه ای از React Native می شناسید در کامنت ها بیانش کنید تا ازش یاد بگیریم.
مطالب زیر را حتما مطالعه کنید
چگونه از ماژول های نیتیو Android و IOS در React Native استفاده کنیم؟
تفاوت توسعه برنامه های android و ios
استفاده از Flipper در پروژه های ری اکت نیتیو (React Native)
نمایش PDF در react native
استفاده از Mapbox در react native (ری اکت نیتیو)
نمایش عکس های گوشی در react native (ری اکت نیتیو)
16 دیدگاه
به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.
سلام. من میخواستم react native رو یاد بگیرم. بنظرتون خوب هست برم یاد بگیرم ؟
سلام به شما روزتون بخیر
خب اگر علاقه مند به برنامه نویسی موبایل هستید با توجه به ماهیت سایت طبیعتا یادگیری ری اکت نیتیو رو بهتون پیشنهاد میکنیم اما قبل از اون از شما میخوام نگاهی به سه مقاله زیر بندازید و اون هارو مطالعه بفرمایید فکر میکنم پاسخ سوال هایی که در ذهنتون هست رو پیدا خواهیدکرد.
چگونه یک برنامه نویس React Native بشیم
چرا برنامه نویسان React Native را دوست دارند؟
چه چیزهایی را از React Native دوست ندارید؟
آقا دمتون گرم. .واقعا خسته نباشید میگم بهتون. مطالبتون 100 درصد کاربردی و مفیده
ممنون از انرژی شما لطف دارید
سلام ببخشید میخوام یه اپ تحت سرور انجام بدم ،بعد دیتابیسش sql server هست میخوام با mssql ری اکت کار کنم بعد میگه متصل نمیشه ممشکل بعدی اینه که چطور این اطلاعات رو بارگیری و در جدول نمایش بدم ممنون میشم کمک کنید
سلام علی عزیز.مشکل از API هاتون هست وگرنه برای اتصال به دیتابیس مشکلی وجود نداره در react native.بهتر API های خودتون رو با postman چک کنید
خطا میده میزنم react-native run-android قبلشهم چندتا چیز میگه کم داره دان میکنم ولی بازم اجرا نمیشه و کلی خطامیده . لطفا راهنمایی کنید خودتون چطور اجرا کردید؟ ممنون
سلام.لطفا اسکرین شات از error رو در تالار گفتمان بزارید تا بررسی بشه
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 رو اجرا کنید
سلام ببخشید اینا اجرا نمیشن ،چرا؟
سلام.علی عزیز.چی اجرا نمیشه؟؟
سلام
من تازه استارت React رو زدم و الان دارم یه مسنجر میزنم…ولی پروژه هایی که معرفی کردید عالیه و حتمن استفاده میکنم.
مرسی از راهنمایی تون.
سلام.امیدوارم که هر چه سریعتر مسنجرتون آماده بشه و یک قسمت گپ و گفت رو با شما داشته باشیم.
خواهش میکنم
سلام دستتون درد نکنه.مقاله عالی پروژه ها ساده ولی عالی تر.تنها سایتی که تو ایمیلم دنبال میکنم شمایید کارتون درسته.
سلام امیر عزیز.
خوشحالیم که مطالب مفید بوده برات و بدردت خورده.با کامنتت روزمون رو ساختی