کورس یادگیری کامل React Native و React Hooks

درک کنید که بومی با قلاب ها، زمینه ها و ناوبری واکنش نشان می دهد.

عنوان اصلی : The Complete React Native + Hooks Course

سرفصل های دوره :

شروع به کار:
منابع دوره
به انجمن ما بپیوندید!
اطلاعات مهم درباره Expo برای مرورگر وب - رد نشوید
دستورالعمل‌های نصب دقیق برای macOS
دستورالعمل های دقیق نصب برای ویندوز
تنظیم برنامه
استفاده از شبیه سازهای iOS و Android
کار با محتوا:
نمای کلی React Components
نمایش یک مؤلفه سفارشی
پرسش ها و پاسخ های متداول
قوانین JSX
یک خطای رایج
نمایش کلی تمرین JSX
راه حل JSX
ساختمان فهرست - با سبک! :
فهرست های ساختمانی
عنصر FlatList
ارائه یک FlatList
چرا یک ویژگی کلیدی؟
حل مشکل کلیدی
چند ویژگی در اطراف FlatList
نمای کلی تمرین
راه حل تمرین
پیمایش کاربران بین صفحه‌ها:
انواع دکمه
دکمه‌ها در عمل
Opacity قابل لمس در عمل
پیمایش با React Navigation
لوازم تخریب ساختار
ساختمان اجزای قابل استفاده مجدد:
استفاده مجدد از کامپوننت با Props
راه حل تمرین
روابط والدین و فرزندان
ارتباط از والدین به فرزند
دانلود تصاویر
نمایش تصاویر
عبور تصاویر به‌عنوان لوازم
طرح کلی تمرین
راه حل تمرین
State Management در React Components:
State in Components
صفحه دیگ بخار
دولت در عمل
یادداشت‌های مربوط به وضعیت
نمای کلی برنامه
ایجاد رنگ های تصادفی
افزودن رنگ های تصادفی
نمایش رنگ ها با یک لیست مسطح
نمای کلی برنامه
تنظیم کننده های رنگ قابل استفاده مجدد
کشور هماهنگ کننده
ارسال تماس به کودکان
گره زدن ارزشهای دولتی با هم
اعتبار سنجی تغییرات حالت
به‌روزرسانی‌های حالت قابل استفاده مجدد
مقدمه ای بر کاهش دهنده ها
ایجاد کاهنده
درخواست دولت با کاهش دهنده
بازیابی اعتبار
کنوانسیون جامعه در کاهنده ها
طرح کلی تمرین
راه حل تمرین
مدیریت ورودی متن
نمایش ورودی متن
دو وسیله مهم
چیزهای عجیب با متن و حالت
به روز رسانی وضعیت
طرح کلی تمرین
راه حل تمرین
نحوه مدیریت طرح‌بندی صفحه:
Layout با React Native
مبانی مدل شی جعبه
تراز موارد با Flex
Flex Direction
مطالب را توجیه کنید
ارزش های انعطاف پذیر
خود را با کودکان هماهنگ کنید
ویژگی موقعیت
بالا، پایین، چپ، راست
اشیاء پر مطلق
استفاده از سیستم های چیدمان
نمای کلی تمرین
راه حل تمرین
در کنار هم قرار دادن همه چیز - برنامه جستجوی رستوران:
نمای کلی برنامه
نکته مهم درباره Project Generation
تولید پروژه
راهکارهای Yelp API
ثبت نام Yelp
Yelp Walkthrough
React Navigation
رفع ناوبری React
مونتاژ یک Navigator
رویکرد معماری
شروع نوار جستجو
نمایش نمادها
استایل نوار جستجو
یک استایل بیشتر لمس کنید
مدیریت دولت
تشخیص تکمیل ویرایش
استفاده از APIهای خارجی:
پیکربندی Axios
ایجاد درخواست
رسیدگی به خطا
اجرای جستجوی اولیه
ساخت قلاب های قابل استفاده مجدد:
نام قلاب نادرست در اسلاید
قلاب UseEffect
استخراج منطق هوک
نمایش نتایج جستجو
نتایج گروه بندی
درحال نمایش FlatList
ناوبری با پارامترها:
نمایش یک نتیجه واحد
نمایش اطلاعات اضافی
چند مشکل دیگر در طراحی ظاهری
پنهان کردن نوارهای پیمایش
محدود کردن عناصر مشاهده
عناصر خالی
فاصله در نوار جستجو
یادآوری در ناوبری
پیمایش از یک مؤلفه کودک
Helper WithNavigation
ارتباط بین نمایشگرها
گرفتن یک رستوران مجرد
نمایش فهرستی از تصاویر
آخرین رفع مشکل
مدیریت ایالتی پیشرفته با زمینه:
نکته مهم درباره Project Generation
نمای کلی برنامه
مشکلات مربوط به داده ها
رفع ناوبری React
تنظیم اولیه
پیچیدن Navigator
مقدمه ای بر زمینه
افزودن زمینه
انتقال داده با زمینه
ارائه فهرستی از پست ها
افزودن حالت در متن
کار می کند!
فرصتی برای بهبود
به روز رسانی با UseReducer
ایجاد خودکار زمینه
ایجاد زمینه خودکار بیشتر
کمی استایل
حذف پست ها
به روز رسانی Reducer
پیمایش روی ضربه بزنید
بازیابی پست های تک
افزودن یک صفحه ایجاد
حذف headerRight در 'navigationOptions'
پیمایش سرصفحه
نمایش فرم
ذخیره یک پست جدید
پیمایش در ذخیره
حذف headerRight در 'navigationOptions'
پیوند نماد ویرایش
ارتباط اطلاعات برای ویرایش
راه‌اندازی حالت از متن
استخراج منطق فرم
سفارشی کردن OnSubmit
مقادیر اولیه فرم
لوازم پیش فرض
ویرایش عملکرد اقدام
ویرایش در کاهنده
پیمایش به عقب
همگام سازی API داده:
Outside Data API
مشکلات مربوط به سرورها + React بومی
مهم - مراحل راه اندازی Ngrok مورد نیاز
راه اندازی سرور JSON و Ngrok
قراردادهای REST سرور JSON
ایجاد درخواست
واکشی از راه دور پست ها
ایجاد پست با درخواست پست
بازیابی مجدد در Navigate
حذف پست
ویرایش پست ها
برنامه جمع بندی
ساخت یک API اکسپرس سفارشی:
نمای کلی برنامه
تنظیم وابستگی ها
اصول اکسپرس
راه اندازی MongoDB
اتصال به MongoDB
Nodemon برای راه اندازی مجدد خودکار
درک فرآیند ثبت نام
استفاده از پستچی
مدیریت داده های JSON
تعریف طرحواره کاربر
ایجاد و ذخیره یک کاربر
رسیدگی به خطا
JSON Web Tokens
ایجاد JWT
سیم کشی توکن های وب JSON
آشنایی با هش کردن رمز عبور
نمک زدن و هش کردن
مسیر ورود
آزمایش ثبت نام و ورود به سیستم
تعریف آهنگها
فهرست کردن آهنگ ها
ایجاد آهنگ
احراز هویت درون برنامه:
کد سرور
تنظیم سرور
نکته مهم درباره Project Generation
طراحی ناوبری
رفع ناوبری React
بسیاری از دیگ بخار
اتصال ناوبری
آزمایش جریان ناوبری
React Native Elements
اجزای سبک کمکی
navigationOptions هشدار منسوخ شدن
استایلینگ شانس و پایان
لوازم ورودی
زمینه تأیید
زمینه چه کاری انجام می دهد؟
راه اندازی Axios
ایجاد یک درخواست API
رسیدگی به درخواست های خطا
ذخیره سازی همگام
به‌روزرسانی فضای ذخیره‌سازی غیرهمگام
ذخیره کردن توکن
ناوبری از خارج از React
اوه، اشتباه تایپی
پیمایش به ورود به سیستم
استخراج منطق فرم
آخرین بیت استخراج
ایجاد NavLink
navigationOptions منسوخ شدن
استفاده مجدد از مؤلفه واقعی!
سیم کشی ورود به سیستم
onWillFocus vs onWillBlur Update
پاک کردن پیام های خطا
ورود خودکار
خالی شدن صفحه‌ها در حین حل‌وفصل احراز هویت
خروج از سیستم کاربر
نماهای منطقه امن
کار بر روی Track Create
نصب React Native Maps
نمایش نقشه
ترسیم یک سری نقاط
یادداشت‌های مربوط به مکان
رفع خطای درخواست مکان از دست رفته
"requestPermissionsAsync" اکنون در Expo SDK 41 و بالاتر منسوخ شده است
درخواست مجوزهای مکان
بازنشانی مجوزها
چگونه مکان را آزمایش کنیم؟
جعل موقعیت مکانی کاربران
خواندن یک مکان
اشکال با موقعیت مکانی
معماری مکان
زمینه مکان
به‌روزرسانی‌های مکان زنده
برای نشانگر نقشه را ردیابی نمی کند رفع کنید
ترسیم نشانگر موقعیت
استخراج منطق به قلاب
غیرفعال کردن ردیابی موقعیت مکانی
به طور خودکار غیرفعال می شود
ساخت فرم آهنگ
به‌روزرسانی‌های زمینه مکان
Track Form Wire Up
Buggy UseEffects
درک منابع قدیمی
برخی از خطاهایی که ممکن است مشاهده کنید
نوعی ثابت شده است
قلاب UseCallback
پاکسازی پس از خودمان
جلوگیری از ارجاعات قدیمی
ردیابی هنگام ضبط
Polyline را برگردانید
چه چیزی آهنگ ها را مدیریت می کند
هماهنگی بین زمینه ها
به‌روزرسانی فضای ذخیره‌سازی غیرهمگام
احراز هویت خودکار
بازنشانی فرم و پیمایش
واکشی آهنگ های ایجاد شده
ListItem Update
فهرست کردن همه آهنگ ها
پیمایش به یک آهنگ ذخیره شده
نمایش جزئیات آهنگ
تعیین شانس و پایان
مهم - رد نشوید:
توجه به بخش زیر
کار با نسخه‌های قدیمی React Native:
مهم - رد نشوید
مخزن کد تمام شده
نصب OSX
اطلاعات بیشتر در مورد نصب OSX
در حال اجرا در شبیه ساز
تنظیم ویندوز React Native
نصب Android Studio و React Native CLI
ایجاد شبیه ساز و متغیرهای سیستم
راه اندازی ELint با VSCode
عیب‌یابی نصب‌های React Native
راهنمای فهرست پروژه
دریافت محتوا روی صفحه
React در مقابل React Native
ایجاد کامپوننت با JSX
ثبت یک جزء
تخریب واردات
طرح کلی برنامه
مؤلفه سرصفحه
مصرف صادرات فایل
استایل‌سازی با React Native
اطلاعات بیشتر در مورد اجزای یک ظاهر طراحی شده
معرفی Flexbox
طراحی سربرگ
قابلیت استفاده مجدد هدر
منبع داده های آلبوم
لیست دیگ بخار
اجزای مبتنی بر کلاس
روش های چرخه زندگی
یادداشت سریع در Axios
درخواست های شبکه
وضعیت سطح مؤلفه
اطلاعات بیشتر در مورد وضعیت سطح مؤلفه
ارائه فهرستی از کامپوننت ها
نمایش آلبوم های فردی
اجزای فوق العاده قابل استفاده مجدد - کارت
استایل دادن به کارت
گذراندن مولفه ها به عنوان لوازم
تقسیم کارتها به بخشها
تسلط بر چیدمان با Flexbox
موقعیت یابی عناصر در موبایل
بیشتر در مورد استایلینگ
تصاویر با React Native
نمایش آثار هنری آلبوم
قابلیت اسکرول کردن محتوا
مدیریت ورودی کاربر با دکمه ها
استایل بندی دکمه ها با ملاحظات UX
پاسخ به ورودی کاربر
پیوند بین برنامه های موبایل
تنظیم دکمه متن توسط Props
برنامه جمع بندی
معرفی برنامه Auth
یک مؤلفه ریشه مشترک
شرکتpying کامپوننت های قابل استفاده مجدد
Firebase چیست؟
راه اندازی مشتری Firebase
داربست فرم ورود
مدیریت ورودی های کاربر
اطلاعات بیشتر در مورد مدیریت ورودی های کاربر
چگونه کامپوننت های کنترل شده ایجاد کنیم
ایجاد ورودی های متن از ابتدا
تمرکز بر پاس دادن قطعات
زیبا کردن ورودی
جمع بندی ورودی ها
ورودی های رمز عبور
ورود کاربر به سیستم
رسیدگی به خطا
اطلاعات بیشتر در مورد جریان احراز هویت
ایجاد Activity Spinner
رندر مشروط JSX
پاک کردن فرم اسپینر
مدیریت رویدادهای احراز هویت
بیشتر در مورد رندر شرطی
خروج کاربر و جمع بندی
مدل برنامه و رویکرد
مبانی Redux
بیشتر در مورد Redux
Redux سخت است!
کاربرد Boilerplate
اطلاعات بیشتر در مورد Redux Boilerplate
در حال ارائه هدر
طراحی کاهنده و حالت
لیست داده های کتابخانه
JSON CopyPaste
عملکرد اتصال
MapStateToProps با Connect
یک بررسی سریع و تنفس
نظریه ListView
نمایش لیست در عمل
ارائه یک ردیف
استایل دادن به لیست
ایجاد کاهنده انتخاب
معرفی Action Creators
Calling Action Creators
افزودن قابل لمس
قوانین کاهش دهنده ها
بسط یک ردیف
انتقال منطق به خارج از مؤلفه ها
انیمیشن ها
جمع بندی
نمای کلی برنامه بعدی ما
چالش های برنامه
یادداشت سریع
تنظیم فقط یک لمس بیشتر
اطلاعات بیشتر در مورد راه اندازی دیگ بخار
فرم ورود به سیستم Redux World
بازسازی فرم ورود
مدیریت به‌روزرسانی‌های فرم با Action Creators
شبکه کردن Action Creators
عملکردهای تایپ شده
حالت تغییرناپذیر
ایجاد حالت تغییرناپذیر
بیشتر در مورد ایجاد حالت تغییرناپذیر
سازندگان اقدام همزمان در مقابل ناهمزمان
مقدمه ای بر Redux Thunk
Redux Thunk در عمل
Redux Thunk در عمل ادامه دارد
قوی تر کردن Login User
ایجاد حساب های کاربری
نمایش پیام های خطا
Firebase Gotcha
نمایش اسپینر در حال بارگذاری
برخورد با ناوبری
ناوبری در روتر
پرداختن به مسائل استایل
نمایش چند صحنه
پیمایش بین مسیرها
گروه‌بندی صحنه‌ها با سطل
دکمه های نوار پیمایش
رفتن به فرم ایجاد کارمند
ساخت فرم ایجاد کارمند
عملکردهای فرم کارمند
مدیریت به‌روزرسانی‌های فرم در سطح کاهش‌دهنده
به‌روزرسانی‌های دارایی پویا
مؤلفه انتخابگر
انتخاب‌کنندگان و لغو سبک‌ها
طرحواره Firebase JSON
امنیت داده در Firebase
ایجاد رکورد با Firebase
مقدارهای فرم پیش فرض
ذخیره موفقیت آمیز داده در Firebase
بازنشانی خصوصیات فرم
در حال واکشی داده ها از Firebase
ذخیره داده ها بر اساس شناسه
ساختمان منبع داده پویا
تبدیل اشیا به آرایه
ایجاد فهرست در لیست کارکنان
استفاده مجدد از فرم کارمند
ایجاد فرم‌ها در مقابل ویرایش
فرم های قابل استفاده مجدد
فرم ویرایش کارمند مستقل
راه‌اندازی فرم‌ها از State
به روز رسانی سوابق Firebase
پاک کردن ویژگی های فرم
پیامک دادن به کارکنان
Modals به عنوان یک جزء قابل استفاده مجدد
مؤلفه مدال ادامه دارد
استایل دادن به Modal
Eployee Delete Action Creator
سیم کشی حذف کارمند
اضافی:
پاداش!