К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
React Native - Complete Guide + E-Commerce + Interview Q&A · LearnSpace
Назад в каталог
courseraПрограммирование

React Native - Complete Guide + E-Commerce + Interview Q&A

Курс от Packt
Средний≈ 19 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

This course features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. This comprehensive guide to React Native is perfect for anyone looking to master mobile development using this powerful framework. You will build everything from core components to advanced topics like Firebase CRUD operations, HTTP with Axios, and integrating Stripe for payments, while enhancing your skills for real-world applications. Along the way, you will create a fully functional E-Commerce app and learn essential tools to succeed in interviews. The course begins with an introduction to React Native, guiding you through the basics of project setup, structure, and running apps on Android and iOS. You will progress into understanding core components, state management, and navigation in React Native, followed by real-world examples such as building an Address Book app. The course continues with modules on error handling, platform-specific modules, and HTTP requests with Firebase. The course is ideal for developers looking to expand their skills and build mobile apps with React Native, particularly those interested in creating E-Commerce applications. No prior experience with React Native is required, but familiarity with JavaScript will be beneficial. The course caters to all levels, making it suitable for both beginners and intermediate learners. By the end of the course, you will be able to design and develop React Native applications, manage app states and components effectively, implement complex navigation patterns, and integrate third-party services like Firebase and Stripe for backend functionality and payments.

Навыки, которые вы освоите

React NativePayment SystemsContext ManagementUI ComponentsCross Platform DevelopmentUser Interface (UI)Application Programming Interface (API)Interactive DesignRestful APIAndroid DevelopmentMobile DevelopmentApplication DesignUser Interface (UI) DesignApplication DevelopmentReact.jsMobile Development ToolsDebuggingiOS DevelopmentApple iOS

Программа курса

15 модулей · 215 учебных материалов

01Introduction9 материалов

Introduction

IntroductionВидеоFull Course ResourcesЧтениеNative vs Hybrid Mobile DevelopmentВидеоIs React Native Hybrid?Видео

Учитесь у экспертов

Packt - Course Instructors

Преподаватель курса

React Native - Complete Guide + E-Commerce + Interview Q&A
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 19 ч

15 модулей

Язык: Английский

Часть программы вашего университета
Expo CLIВидео
Creating First ProjectВидео
Understanding Project StructureВидео
Running the App on MobileВидео
Apple [Xcode] SimulatorВидео
02Core Components44 материалов

Core Components

Introduction to Core ComponentsВидеоRQ - Introduction to Core ComponentsВидеоView - ContainerВидеоRQ - View ContainerВидеоInline StylingВидеоRQ - Inline StylingВидеоBetter Way of Styling - StyleSheet ObjectВидеоRQ - Better Way of Styling - StyleSheet ObjectВидеоEvent Handling BasicsВидеоRQ - Event Handling BasicsВидеоParameter Passing to Event Handler FunctionВидеоButton ComponentВидеоColor Property Difference for Android & iOSВидеоWorking with State - Incrementing CounterВидеоDecrementing CounterВидеоCounter Functionality with Parameter PassingВидеоBetter Way to Update State - CallbackВидеоRQ - State ManagementВидеоWorking with Array as StateВидеоObject as StateВидеоRQ - UseStateВидеоSwitch ComponentВидеоStyling Switch ComponentВидеоRQ - Switch ComponentВидеоImage ComponentВидеоSizing Image with resizeModeВидеоDefaultSource, Blur, and Fade Properties - ImageВидеоRQ - Image ComponentВидеоTextInput ComponentВидеоProps TextInput ComponentВидеоAutoCorrect, AutoCapitalize, and Multiline TextInputВидеоRQ - TextInput ComponentВидеоScrollView ComponentВидеоHorizontal ScrollView ComponentВидеоPaging Using ScrollView ComponentВидеоTask - Create an Address Book Using All the Components Learned (Part 1)ВидеоTask - Implementing Style Changes (Part 2)ВидеоTask - Adding Delete Functionality (Part 3)ВидеоFlatList ComponentВидеоFlatList Implementing Lazy Loading, Header, and Footer ComponentВидеоSectionList ComponentВидеоRQ - FlatList & SectionListВидеоFoundations of React Native Core Components and StateDIALOGUECore Components - AssessmentЗадание
03Navigation21 материалов

Navigation

Introduction to NavigationВидеоExpo Router (File-Based Routing) Structure with TypeScriptВидеоExpo Router (File-Based Routing) Structure with JavaScriptВидеоRQ - Expo RouterВидеоNavigating Between Routes in MobileВидеоConfiguring _layout FileВидеоRQ - _layout FilesВидеоNavigation Pattern: Stack NavigatorВидеоCustomizing Header and Back Button (Globally)ВидеоCustomizing Header and Back Button (Individual Screen)ВидеоCustomizing Header and Back Button (Within the Screen)ВидеоRQ - Stack NavigatorВидеоTab NavigatorВидеоCustomizing Tab ButtonsВидеоRQ - TabsВидеоDrawer NavigationВидеоCustomizing DrawerВидеоRQ - DrawerВидеоNested NavigatorВидеоExploring Navigation Patterns in Expo RouterDIALOGUENavigation - AssessmentЗадание
04Error Handling10 материалов

Error Handling

IntroductionВидеоUnderstanding Errors in React NativeВидеоLocal Error Handling Using Try-Catch BlockВидеоHandling Global Errors with Error BoundariesВидеоHandling API ErrorsВидеоAdding User-Friendly Error MessagesВидеоUsing ErrorUtils for Global Error HandlingВидеоRQ - Error HandlingВидеоError Handling in React Native ApplicationsDIALOGUEError Handling - AssessmentЗадание
05Platform Modules6 материалов

Platform Modules

Platform-Specific ModulesВидеоPlatform-Specific RenderingВидеоPlatform-Specific StylesВидеоPlatform-Specific Extensions/FilesВидеоImplementing Platform-Specific Features in React NativeDIALOGUEPlatform Modules - AssessmentЗадание
06HTTP Request & Firebase CRUD Operation14 материалов

HTTP Request & Firebase CRUD Operation

Module Introduction - FirebaseВидеоIntroduction to FetchAPIВидеоPost Data Using Fetch APIВидеоTask - Post Data Using User InputВидеоPost Data - Form ValidationВидеоGet Using Fetch APIВидеоTask - Get the Records and Display the ListВидеоUpdating Records - PATCH CallВидеоUpdating Partial Records - PATCH CallВидеоTask - Update Records DynamicallyВидеоDeleting Records Using HTTP - Delete MethodВидеоTask - Deleting Records Dynamically from the ListВидеоPerforming CRUD Operations with Firebase and Fetch APIDIALOGUEHTTP Request & Firebase CRUD Operation - AssessmentЗадание
07HTTP with Axios8 материалов

HTTP with Axios

Introduction to AxiosВидеоCreating an Axios InstanceВидеоWorking with POST MethodВидеоWorking with GET MethodВидеоWorking with PATCH MethodВидеоWorking with DELETE MethodВидеоUsing Axios Instances for Efficient HTTP RequestsDIALOGUEHTTP with Axios - AssessmentЗадание
08User Interface (UI)9 материалов

User Interface (UI)

LayoutВидеоSample Layout with Header, Content Area, and Footer (Understanding Flex)ВидеоSample Layout - Understanding Flex DirectionsВидеоRQ - FlexВидеоSample Layout - Understanding Justify Content AlignmentВидеоSample Layout - AlignContent and AlignItemВидеоRQ - Flex - AlignmentsВидеоBuilding Responsive Layouts with React Native FlexboxDIALOGUEUser Interface (UI) - AssessmentЗадание
09Gesture Handling8 материалов

Gesture Handling

IntroductionВидеоTap and Press GestureВидеоPan Gesture (Drag & Move)ВидеоPinch Gesture (Zoom In & Zoom Out)ВидеоRotation GestureВидеоCombining Multiple GesturesВидеоImplementing and Understanding Gestures in React NativeDIALOGUEGesture Handling - AssessmentЗадание
10Camera/ImagePicker11 материалов

Camera/ImagePicker

IntroductionВидеоConfiguring Expo-Image-PickerВидеоLaunching the CameraВидеоManaging Permissions - Camera in iOSВидеоCamera OptionsВидеоRendering the Clicked ImageВидеоUsing the Image PickerВидеоSelecting Multiple ImagesВидеоTask - Limit the Number of Images SelectedВидеоUsing Expo Image Picker for Camera and Image LibraryDIALOGUECamera/ImagePicker - AssessmentЗадание
11Push Notification12 материалов

Push Notification

IntroductionВидеоLocal Notification SetupВидеоFirst NotificationВидеоHandling the Incoming NotificationВидеоReacting on Incoming NotificationВидеоPush Notification SetupВидеоNotification ChannelВидеоPushing with the Push Notification ToolВидеоSending Push Notification with Expo APIВидеоRunning Push Notifications on SDK 53ВидеоImplementing and Testing Push vs Local Notifications with ExpoDIALOGUEPush Notification - AssessmentЗадание
12React Native App Without Expo11 материалов

React Native App Without Expo

IntroductionВидеоHow Exactly Expo Does Work?ВидеоRQ - How Exactly Expo Does Work?ВидеоAlternatives for React Native App CreationВидеоRQ - Alternatives for React Native App CreationВидеоCreating Project with React Native CLIВидеоRQ - Creating Project with React Native CLIВидеоUnderstand Project StructureВидеоRQ - Unit Test & Ruby GemsВидеоComparing Expo and React Native CLI ApproachesDIALOGUEReact Native App Without Expo - AssessmentЗадание
13Location/Map10 материалов

Location/Map

IntroductionВидеоSetup for LocationВидеоFetching Device LocationВидеоRQ - Fetching Device LocationВидеоSetting Up MapВидеоLocating User on the MapВидеоRQ - Locating User on the MapВидеоHandling Location Selection on MapВидеоIntegrating Location Services & Maps in React NativeDIALOGUELocation/Map - AssessmentЗадание
14Building E-Commerce Application34 материалов

Building E-Commerce Application

Introduction to the Scope of WorkВидеоCommencing the Project CreationВидеоSetting Up NativeWind CSS for UIВидеоSetting Up the TabsВидеоCustomizing Tab ButtonsВидеоTaking Care of the Headers on ScreenВидеоFetching the Products DataВидеоCreating the Product Card UIВидеоRendering Products Using FlatList ComponentВидеоImplementing Product Search FunctionalityВидеоSetting Up Filter ModalВидеоAdding FiltersВидеоFetching Dynamic Product CategoriesВидеоMaking Filters InteractiveВидеоApplying Filters to the ProductsВидеоCreating Product Details ScreenВидеоWorking on Product Details UIВидеоCompleting Product Details UIВидеоImplementing Context API for CartВидеоImplementing Cart FunctionalityВидеоImplementing Cart UIВидеоCompleting the Cart UIВидеоImplementing Cart SummaryВидеоImplementing Register (SignUp) ScreenВидеоHandling Register Form ValuesВидеоImplementing Login ScreenВидеоRefactoring Register and Login TabsВидеоImplementing Register (SignUp) FunctionalityВидеоFetching User DetailsВидеоImplementing Profile ScreenВидеоLogin FunctionalityВидеоFinal Error HandlingВидеоImplementing Product Search and Filters in a React Native Expo E-Commerce AppDIALOGUEBuilding E-Commerce Application - AssessmentЗадание
15Integrating Stripe Payment Gateway8 материалов

Integrating Stripe Payment Gateway

Stripe Payment Gateway SetupВидеоCreating API for Payment IntentВидеоIntegrating Payment Intent APIВидеоInitiating PaymentSheet of StripeВидеоCalling Checkout APIВидеоIntegrating Stripe Payment Gateway - AssessmentЗаданиеFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание