نصب و راه اندازی React Native در ویندوز

https://roocket.ir/series/react-native-tutorial/episode/1

در این جلسه قصد دارم React Native را در ویندوز نصب کنم ،در سیستم عامل ویندوز شما تنها میتوانید برای اندروید خروجی بگیرید و به همین دلیل ما باید Android Studio را برای اجرای React native در دنیای Android نصب کنیم ، که خود همین موضوع باعث کلی مشکل و ارور خواهد شد ، اما با ت...

طرح بندی اپلیکیشن ها با Flexbox

https://roocket.ir/series/react-native-tutorial/episode/7

طرح بندی قالب اپلیکیشن ها موضوع مهمیه که شما برای ایجاد کردن اپلیکیشن های خودتون باید اونها رو رعایت کنید در React Native برای طرح بندی قالب اپلیکیشن از Flexbox استفاده میشه در این جلسه قصد دارم مروری بر Flexbox ها داشته باشم تا شما با این مفهوم بصورت کامل آشنا بشین

نصب و راه اندازی React Native در macOs

https://roocket.ir/series/react-native-tutorial/episode/2

در جلسه گذشته روش نصب React Native در ویندوز و اجرای اون در محیط اندروید رو به شما آموزش دادم در این جلسه روش نصب React Native در MacOs رو بصورت کامل توضیح میدم و بعد اجرای اون در محیط اندروید و ios رو بصورت کامل به شما نشون میدم . 

پروژه صفحه Login

https://roocket.ir/series/react-native-tutorial/episode/8

در این جلسه یک پروژه کوچیک برای یادگیری بیشتر Layout ها و استایل ها در React Native بوجود میاریم که شما میتونید در زیر تصویر این مورد رو مشاهده کنید . در این پروژه از موارد مختلفی از استایل ها استفاده میشه تا شما دقیقه متوجه بشین که به چه صورتی باید از اونها استفاده کنید در ضمن این...

پیاده سازی لیست با FlatList و SectionList

https://roocket.ir/series/react-native-tutorial/episode/13

در جلسه گذشته روش پیاده سازی لیست ها با استفاده از روش های ScrollView و ListView رو مطرح کردیم ، که میشه گفت تقریبا لازم نیست از هیچ کدومشون استفاده کنیم شما در اصل برای کار با لیست ها باید از دو کامپوننت اصلی با نام های FlatList و SectionList استفاده کنید چون کلی ویژگی های جدید به شما...

Event ها و انواع Touchable

https://roocket.ir/series/react-native-tutorial/episode/11

در جلسات قبلی یک اشاره ای کوچیکی به Button ها کردیم اما بخاطر اینکه button ها قابلیت style دادن نداشتن از یک Touchable استفاده کردیم اما در این جلسه قصد دارم بصورت کامل انواع Touchable رو به همراه مثال به شما آموزش بدم و همینطور در مورد Event ها و عمل Touch کردن در گ...

نصب پکیج های تخصصی

https://roocket.ir/series/react-native-tutorial/episode/10

در React Native شما قادر نیستید که رنگ های gradient بوجود بیارید برای اینکار مجبورید که از پکیج های خارجی برای اعمال این موارد به ios و android استفاده کنید در این جلسه چنین پکیجی نصب میکنیم و میگیم که چطور به android  و ios میتونید اضافه کنید . 

فونت فارسی در اپلیکیشن ها

https://roocket.ir/series/react-native-tutorial/episode/9

فونت ها معمولا بخش مهمی از هر اپلیکیشنی به حساب میان و من امروز  میخوام بهتون آموزش بدم که چطور میتونید فونت های شخصی خودتون رو به React Native اضافه کنید که بدون هیچ مشکلی هم در اندروید اجرا بشه و هم در ios .

مروری بر Props ها و State ها

https://roocket.ir/series/react-native-tutorial/episode/5

با اینکه همه دوستا با مسئله Props و State در React آشنا هستید در این جلسه یکبار دیگه این دو موضوع رو در React Native بررسی میکنیم و ایجاد Component های فرعی رو هم توضیح میدیم.

یادگیری پیشرفته Navigator ها

https://roocket.ir/series/react-native-tutorial/episode/17

در این جلسه ابتدا یک پکیج برای پیشرفته تر کار کردن با style در React Native رو روی پروژه خودمون نصب میکنیم که شبیه sass برای css هستش بعد پروژه رو ادامه میدیم تا بتونیم یک استایل درست از پروژه امون رو پیاده سازی کنیم . این جلسه ادامه ای برای جلسه گذشته است که نیاز به تمرکز زیادی دا...

کار با انیمیشن ها - بخش دوم

https://roocket.ir/series/react-native-tutorial/episode/24

در ادامه جلسه گذشته در این جلسه در مورد اجرای موازی و صف انیمیشن ها با استفاده از api با نام animated صحبت میکنم و اون رو به شما آموزش میدم تا کاملا کار با انیمیشن ها رو در این جلسه یاد بگیرید . 

کار با انیمیشن ها

https://roocket.ir/series/react-native-tutorial/episode/23

امروزه انیمیشن ها بخش مهمی از اپلیکیشن های مدرن رو تشکیل میدند و برای اینکه بتونید یک اپلیکیشن پیشرفته داشته باشین باید روش انیمیشن دادن به اجزای پروژه خودتون رو یاد بگیرید . در این جلسه قصد دارم روش استفاده کردن از انیمیشن در react native رو به شما آموزش بدم 

ایجاد استایل پروژه با NativeBase - بخش دوم

https://roocket.ir/series/react-native-tutorial/episode/21

در این جلسه به همراه کدهای style صفحه لاگین و بخش های دیگه پروژه خودمون رو با استفاده از Native Base پیاده سازی میکنیم البته نکات مختلفی در این جلسه گفته میشه که همه این موارد در یک پروژه واقعی بهتون کمک میکنه تا راحتتر به پیش برید . 

ایجاد صفحه Splash Screen

https://roocket.ir/series/react-native-tutorial/episode/19

صفحه Splash Screen به صفحه ای گفته میشه که زمانی که اپلیکیشن در حال بارگزاری هست اجرا بشه البته کامپوننت های مختلفی وجود داره که این مورد رو بصورت توکار اجرا کنه اما ما این رو با استفاده خود کامپوننت های React Native انجام میدیم . 

Navigate کردن بین صفحات مختلف

https://roocket.ir/series/react-native-tutorial/episode/14

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

ایجاد استایل پروژه با NativeBase

https://roocket.ir/series/react-native-tutorial/episode/20

در این جلسه استایل صفحه هات مختلفی که در جلسه گذشته ایجاد کردیم رو با استفاده از Native Base استایل میدیم و بعد با استفاده از اون فرم ورود به اپلیکیشن رو میسازیم تا کاربرا بتونن برای ورود به اپلیکیشن از اون استفاده کنند. 

دریافت محصولات از سرور و نمایش در لیست

https://roocket.ir/series/react-native-tutorial/episode/29

در این جلسه اطلاعات محصولات خودمون رو از سمت سرور یعنی api که جلسه گذشته آماده کردیم میگیریم و در یک لیست نمایش میدیم این لیست و روش دریافت اطلاعات بسیار مهمه چون قراره در جلسه آینده لیست بینهایت رو به شما آموزش بدم . 

ذخیره سازی اطلاعات بصورت لوکال با AsyncStorage

https://roocket.ir/series/react-native-tutorial/episode/27

ذخیره سازی اطلاعات بصورت لوکال در اپلیکیشن های همراه بسیار امر مهم است، اینکه ما بتوانیم یک سری اطلاعات در react-native را در لوکال موبایل هامون ذخیره کنیم باید از ابزاری با نام AsyncStorage استفاده کنیم . در این جلسه این ابزار رو بهتون معرفی میکنم و استفاده از اون رو بصورت کا...

ایجاد Drawer Layout در پروژه

https://roocket.ir/series/react-native-tutorial/episode/26

همه ما در اپلیکیشن های مختلف منوهای رو دیدیم که با لمس کردن یک آیکون یا با کشیدن انگشت از راست به چپ یا از چپ به راست باز میشن و یک سری عملیات و یا اطلاعات رو به ما نمایش میدن اسم این نوع منوها Drawer هست در این جلسه قصد دارم ایجاد کردن Drawer Layout به پروژه React-native رو ب...

پیاده سازی TabNavigator ها

https://roocket.ir/series/react-native-tutorial/episode/16

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