آموزش برنامه های iOS را با React Native بسازید

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

مقدمه Introduction

• بررسی اجمالی Overview

• معرفی React Introducing React

• معرفی React Native Introducing React Native

• مروری بر برنامه آزمایشی این دوره An Overview of the Demo App for this Course

• واکنش بومی چگونه است How React Native Works

محیط خود را برای React Native آماده کنید Prep Your Environment for React Native

• نصب React Native Installing React Native

• ایجاد یک برنامه بومی React Generating a React Native App

• اشکال زدایی با Chrome Debugging with Chrome

• مثالها و مستندات Examples and Documentation

• خلاصه کردن Recap

یک نمای ورود ایجاد کنید Create a Login View

• کلاس ورود به سیستم را ایجاد کنید Create the Login View Class

• نمایش نمای ورود Displaying the Login View

• کانتینر نمای ورود به سیستم The Login View Container

• افزودن تصویر به نمای ورود Adding an Image to the Login View

• افزودن عنوان به نمای ورود Adding a Heading to the Login View

• افزودن کادرهای متنی به نمای ورود Adding Text Boxes to the Login View

• افزودن یک دکمه به نمای ورود Adding a Button to the Login View

• خلاصه کردن Recap

نمای ورود به سیستم را عملکردی کنید Make the Login View Functional

• بررسی اجمالی ماژول Module Overview

• با استفاده از کلاسهای ES6 Using ES6 Classes

• همگام سازی جعبه های متن با حالت Syncing Text Boxes with State

• مدیریت رویداد فشار دادن دکمه Handling the Button Press Event

• نمایش پیشرفت Showing Progress

• برقراری تماسهای HTTP با Fetch Making HTTP Calls with Fetch

• رمزگذاری Base64 برای تأیید اعتبار اصلی HTTP Base64 Encoding for Basic HTTP Authentication

• فراخوانی GitHub API با تأیید اعتبار اصلی HTTP Calling GitHub API with Basic HTTP Authentication

• دستیابی به موفقیت و عدم موفقیت Handling Authentication Success and Failure

• برای نمایش نتایج احراز هویت ، از View استفاده می کنیم Adapting the View to Show Authentication Results

• منطق احراز هویت Refactor به کلاس جداگانه Refactor Authentication Logic to Separate Class

• انتقال به نمای متفاوت در مورد ورود موفقیت آمیز Transition to Different View on Successful Login

• استفاده از AsyncStorage برای ذخیره جزئیات تأیید اعتبار Using AsyncStorage to Store Authentication Details

• بازیابی جزئیات احراز هویت از AsyncStorage Retrieving Authentication Details from AsyncStorage

• خلاصه کردن Recap

کار با Tabs Working with Tabs

• افزودن نمای کانتینر برای م Tabلفه Tab Bar Adding a Container View for the Tab Bar Component

• م Tabلفه Tab Bar The Tab Bar Component

• خلاصه کردن Recap

ایجاد یک منبع تغذیه با کامپوننت ListView Building a Feed with the ListView Component

• استفاده اساسی از کامپوننت ListView A Basic Use of the ListView Component

• واکشی داده ها Fetching Data

• نمایش پیشرفت Showing Progress

• طرح بندی برای ردیف ها Layout for the Rows

• خلاصه کردن Recap

ساخت نمای جزئی با م Navلفه Navigator Building a Detail View with the Navigator Component

• بررسی اجمالی Overview

• مدیریت رویدادهای مطبوعاتی در ردیف ها Handling Press Events on Rows

• استفاده از کامپوننت NavigatorIOS برای نمایش جزئیات Using the NavigatorIOS Component to Show Detail

• از نمای جزئیات استفاده کنید Fleshing Out the Detail View

• یک ظاهر طراحی نمای جزئیات Styling the Detail View

• خلاصه کردن Recap

ساخت م Searchلفه جستجو Building the Search Component

• بررسی اجمالی Overview

• تعریف مولفه جستجو Defining the Search Component

• تعریف م Resultsلفه نتایج جستجو Defining the Search Results Component

• تماس با API جستجوی GitHub Calling the GitHub Search API

• جستجوی نتایج جستجو Fleshing Out the Search Results

• خلاصه کردن Recap

فراخوانی کد Objective-C از React Native Code Calling Objective-C Code from React Native Code

• بررسی اجمالی Overview

• طرف هدف- C The Objective-C Side

• سمت JavaScript The JavaScript Side

• خلاصه کردن Recap