آموزش پروژه نمونه کار با React Native و Typescript - آخرین آپدیت

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

مبانی TypeScript Basics of TypeScript

• TypeScript چیست؟ What is TypeScript?

• راه‌اندازی محیط و اولین تجربه TypeScript Environment Set Up & First Taste of Typescript

• انواع اصلی در JavaScript Basic Types in JavaScript

• استنتاج نوع Type Inference

• قواعد اساسی برای تعریف انواع Basic Rules to Define Types

• انواع برای اشیاء و آرایه‌ها Types for Objects and Arrays

• کلمه کلیدی Type و نوع Optional Type Keyword & Optional Type

• توابع Functions

• Interface Interface

• انواع Generic Generic Types

• انواع Any Any Types

چگونه فکر می‌کنم How Do I Think

• ایده از کجا آمد؟ How did I came up with the idea?

• قبل از شروع کدنویسی Before I Start Coding

• چگونه برنامه‌هایم را طراحی می‌کنم How do I Design My Apps

راه‌اندازی محیط Environment Setup

• آپدیت مهم IMPORTANT UPDATE

• راه‌اندازی محیط Setting Up Environment

• اجرای MyFirstApp Running MyFirstApp

• چگونه یک باگ را رفع کنیم - UI پاسخ نمی‌دهد How to Fix Bug - UI Not Responding

• اجرا بر روی دستگاه واقعی Run on Real Device

React Native و Typescript React Native & Typescript

• مقداردهی اولیه پروژه RN با TS Initializing RN Project With TS

• React Native و Typescript React Native & Typescript

• تکه‌های کد سفارشی Custom Code Snippets

صفحه اصلی Home Screen

• ایجاد صفحه اصلی Creating Home Screen

• استفاده از آیکون‌ها Using Icons

• انواع از دست رفته و عنوان‌های برنامه Missing Types & App Titles

• کامپوننت دکمه آینده‌نگر Future Proof Button Component

• بیایید Image Picker را نصب کنیم Let's Install Image Picker

• گرفتن اجازه کاربر Taking User Permission

• گرفتن تصویر Capturing Image

• بیایید Refactor کنیم Let's Refactor

• انتخاب تصویر از دستگاه Selecting Image From Device

Navigation Navigation

• اضافه کردن Navigation Adding Navigation

• اجازه دهید توضیح دهم Let Me Explain

• تم سفارشی Custom Theme

• انتقال به ImageEditor Navigating to ImageEditor

• خواندن Route Params Reading Route Params

UI ویرایشگر تصویر Image Editor UI

• Header Header

• یک Refactor پیشرفته A Bit Advance Refactor

• بازگشت به عقب Moving Back

• پس زمینه برای ویرایشگر تصویر Background for Image Editor

• تصویر اندازه پاسپورت Passport Size Image

• ابزارهای ویرایشگر - دکمه‌های انتخابگر Editor Tools - Selector Buttons

• بیایید دوباره Refactor کنیم Let's Refactor Again

• UI برای اطلاعات تصویر UI for Image Info

• اسلایدر فشرده‌ساز Compressor Slider

اضافه کردن منطق به ویرایشگر تصویر Adding Logics to Image Editor

• انتخاب تصویر برای بار دوم Selecting Image For Second Time

• مدال تایید The Confirm Modal

• مدال تایید قسمت 2 The Confirm Modal Part 2

• مهم: کنترل دستی Back Important: Manual Back Handler

• رسیدگی دستی به Back Press Handling Back Press Manually

منطق - Native Module Logics - Native Module

• چرا Native Module؟ Why Native Module?

• باز کردن پروژه در Android Studio Opening Project inside Android Studio

• ایجاد و اتصال Native Module Creating & Connecting Native Module

• فراخوانی تابع Native (کد) Calling Native Function (Code)

• اضافه کردن Types به Native Module Adding Types to Native Module

• اضافه کردن Promises Adding Promises

• گرفتن اندازه تصویر Getting Image Size

• رندر کردن اندازه تصویر Rendering Image Size

• منطق قبل از کد The Logic Before Code

• فشرده سازی تصویر Compressing Image

• Resolving Object Resolving Object

• فشرده سازی تصویر از React Native Compressing Image From React Native

• رفع مشکل Fixing The issue

• به روز رسانی مقدار اسلایدر Updating Slider Value

• به روز رسانی درصد فشرده شده Updating Compressed Percentage

• باگ چه بود؟ What was the bug?

• رفع باگ Fixing The Bug

• به روز رسانی اندازه تصویر Updating Image Size

• رندر کردن تصویر فشرده شده Rendering Compressed Image

• رندر کردن تصویر صحیح Rendering Correct Image

• شکستن حلقه Breaking The Loop

• تنظیم مجدد حالت های قدیمی Reseting The Old States

• انیمیشن Loading Loading Animation

• ذخیره تصویر Saving The Image

• آیا کار خواهد کرد؟ Will it work?

• بیایید باگ را شکار کنیم Let's Hunt Down The Bug

• رندر کردن انیمیشن Done Rendering Done Animation

• رفع انیمیشن Fixing Animation

باگ‌ها Bugs

• باگ‌های مربوط به مجوز Permission Related Bugs

• به روز رسانی مجوز دوربین Updating Camera Permission

• هشدار مجوز مورد نیاز Required Permission Alert

• باز کردن تنظیمات برنامه Opening App Settings

• رفع Navigation بدون تصویر Fixing Navigation Without Image

• چگونه می‌توانیم بدون مجوز ذخیره کنیم؟ How Can We Save Without Permission?

• مجوز خواندن و نوشتن فایل File Read & Write Permission

انتشار برنامه Publishing The App

• ایجاد آیکون Launcher Creating Launcher Icon

• اضافه کردن آیکون Launcher Adding Launcher Icon

• اضافه کردن Splash Screen Adding Splash Screen

جایزه Bonus

• بعد از این چه؟ What after this?