Главная страницаКатегория react nativeПолный курс по React Native (Router, Hooks и Context)

Полный курс по React Native (Router, Hooks и Context)

Name: Полный курс по React Native (Router, Hooks и Context)
Price: 12.5 USD
Rating: 4.5 (10 reviews)

React Native Complete Course with Router, Hooks and Context

udemy

★4.5 (всего оценок - 10)

Продолжительность

11 ч 19 мин

Категория

React Native

Количество уроков

87 Видео

Дата добавления

25 апр. 2022 г., 15:00

Язык

Английский

Дата выхода

6 апр. 2022 г., 03:00

Дата обновления

29 апр. 2026 г., 14:30

Полный курс по React Native поможет вам быстро и уверенно войти в мир мобильной разработки, используя лишь знания JavaScript. Этот материал создан для того, чтобы дать читателю четкое понимание возможностей фреймворка, структуры курса и ключевых преимуществ, которые он предоставляет.

Что такое React Native и почему он так популярен

React Native — это гибкий и мощный инструмент для создания нативных мобильных приложений на iOS и Android без изучения отдельных языков платформ. Вместо Swift или Java вы используете знакомый JavaScript и подходы React.

Основные преимущества React Native

Единый код для двух платформ. Пишите приложение один раз — запускайте на Android и iOS.
Горячая перезагрузка. Позволяет моментально видеть изменения в интерфейсе.
Нативная производительность. Приложения работают быстро и выглядят естественно.
Богатая экосистема. Огромное количество готовых библиотек и компонентов.

Для кого подходит этот курс

Курс создан для новичков и разработчиков среднего уровня. Все, что требуется для старта — базовые знания JavaScript. Вся остальная экосистема React Native будет подробно объяснена в процессе обучения.

Навыки, которые вы получите

Настройка окружения на Windows и Mac.
Запуск Android- и iOS-симуляторов.
Работа с Expo и запуск приложений на реальном устройстве.
Понимание JSX, props и state.
Создание многоразовых компонентов.
Навигация между экранами с React Navigation.
Работа с React Hooks и Context API без сторонних библиотек.

Структура и содержание курса

Курс построен так, чтобы шаг за шагом вести студента от установки окружения до создания полноценного мобильного приложения с современным стеком React.

Раздел 1. Подготовка рабочей среды

Установка зависимостей.
Настройка Android Studio и Xcode.
Работа с Expo CLI.

Раздел 2. Основы React и JSX

Компонентный подход в React.
Состояние и свойства компонентов.
Создание многоразовых интерфейсных элементов.

Раздел 3. Навигация в приложении

Основы React Navigation.
Переходы между экранами.
Передача данных через навигацию.

Раздел 4. React Hooks и Context

Использование useState, useEffect и других хуков.
Создание глобального состояния через Context API.
Построение приложения без Redux и других стейт-менеджеров.

Что вы создадите в ходе обучения

Курс включает разработку двух полноценных мобильных приложений. В процессе вы научитесь:

работать с динамическими данными;
проектировать структуру приложения;
использовать передовые возможности React Native для создания удобного UI.

Почему React Native — один из ключевых навыков разработчика

React стал стандартом в разработке интерфейсов, а React Native — логичное продолжение этой экосистемы. Освоив его, вы сможете создавать веб-, мобильные и даже десктопные приложения, используя один и тот же подход к построению интерфейсов.

Итоги и преимущества прохождения курса

После обучения вы сможете самостоятельно создавать современные мобильные приложения, использовать Hooks и Context, работать с навигацией и собирать готовые проекты под Android и iOS.

Этот курс — идеальный старт для тех, кто хочет стать мобильным разработчиком на JavaScript.

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:04:59
Let's What We Will Learn about Full React Course?
Урок 2. 00:01:44
How To Get Help?
Урок 3. 00:07:26
Free Tools For Windows
Урок 4. 00:05:34
Windows Setup for React Native
Урок 5. 00:15:35
How to Start Emulator In Android Studio
Урок 6. 00:04:47
Free Tools for IOS
Урок 7. 00:04:46
OSX Setup for React Native
Урок 8. 00:03:13
Start the Emulator
Урок 9. 00:02:19
React Native on Mobile Device
Урок 10. 00:06:46
Expo CLI Project
Урок 11. 00:02:51
How To Create An App
Урок 12. 00:03:53
See Content on Emulator
Урок 13. 00:03:51
Why Do We Need React and React Native?
Урок 14. 00:05:35
ES6 Syntax ( Let, Const, Var )
Урок 15. 00:08:41
First Component
Урок 16. 00:10:27
How To Show Component on Device
Урок 17. 00:06:47
How to Build Our First App
Урок 18. 00:12:09
How To Connect A Component To The Root Component
Урок 19. 00:08:58
Import A Component To Another Component
Урок 20. 00:13:45
Styling with JSX
Урок 21. 00:10:45
Displaying of Views
Урок 22. 00:04:18
Header Componentâ€™s Styling
Урок 23. 00:07:56
React Props
Урок 24. 00:08:31
How To Reuse Code With Props System
Урок 25. 00:06:59
How To Show a List To The User
Урок 26. 00:08:35
The List Component
Урок 27. 00:10:44
Func Component vs Class Based Component
Урок 28. 00:09:32
When Do We Need Lifecycle Methods?
Урок 29. 00:06:34
LifeCycle Methods
Урок 30. 00:09:56
Making Request With Axios
Урок 31. 00:08:45
What Is State And How To Initial State
Урок 32. 00:10:33
Using of State
Урок 33. 00:05:02
A Componentâ€™s Lifecycle With State
Урок 34. 00:08:25
List Component
Урок 35. 00:10:14
List Item Component
Урок 36. 00:06:29
Reusable Components
Урок 37. 00:05:20
Styled Component for List Items
Урок 38. 00:05:47
Usage of Props.Children
Урок 39. 00:09:18
Item Section
Урок 40. 00:06:47
Introduction to the Flexbox
Урок 41. 00:06:05
Section Header Component
Урок 42. 00:12:47
How To Show An Image
Урок 43. 00:05:23
Scrollable Content
Урок 44. 00:09:45
User Interaction with React Native
Урок 45. 00:13:14
Event Handlers
Урок 46. 00:04:44
How To Open Another App (Browser)
Урок 47. 00:02:50
Router Expo CLI Project
Урок 48. 00:05:13
See The Content On A Device or Emulator
Урок 49. 00:04:38
What Is Router And Installation
Урок 50. 00:09:51
Setting Up a Router in Project
Урок 51. 00:06:13
FlatList
Урок 52. 00:08:09
Rendering A List With FlatList
Урок 53. 00:06:21
How Does FlatList Work
Урок 54. 00:08:43
Giving the Key Prop
Урок 55. 00:07:24
FlatList Props
Урок 56. 00:06:21
Book Detail Screen
Урок 57. 00:12:13
Navigate Between Screens
Урок 58. 00:05:26
Navigating from a Child Component
Урок 59. 00:05:47
withNavigation Function
Урок 60. 00:07:13
Data Transfer Between Screens
Урок 61. 00:02:37
Let's Meet Hooks and Context
Урок 62. 00:03:08
Hooks and Context
Урок 63. 00:14:44
Let's Create First Application
Урок 64. 00:06:07
What is Context API and Why We Use It?
Урок 65. 00:08:36
Context and Provider
Урок 66. 00:05:21
Context Provider
Урок 67. 00:11:44
Accessing Context
Урок 68. 00:05:24
Let's Access Context Data from TodoList Component
Урок 69. 00:07:26
Accessing Context with Context Consumer
Урок 70. 00:08:33
Updating Context Data
Урок 71. 00:09:11
Creating Multiple Contexts
Урок 72. 00:10:06
Consuming Multiple Contexts
Урок 73. 00:04:01
Intro to Hooks
Урок 74. 00:09:35
Let's Setup Hooks Project
Урок 75. 00:13:35
useState Hooks
Урок 76. 00:15:39
useState with Forms
Урок 77. 00:10:43
useEffect Hook
Урок 78. 00:08:57
Hooks with Context
Урок 79. 00:05:53
Consuming Multiple Context with useContext
Урок 80. 00:05:49
Creating Context with Functional Components
Урок 81. 00:12:52
Hooks and Context
Урок 82. 00:15:53
Adding New Todo with Hooks & Context
Урок 83. 00:09:17
Remove Todo
Урок 84. 00:06:13
useReducers
Урок 85. 00:13:17
Adding a Reducer
Урок 86. 00:04:49
Move useReducer Into Its Own File
Урок 87. 00:07:07
What We Have Learned?

Автор - udemy

udemy

Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.

+198