React Native для начинающих за 2 часа [2022] ! Мобильное приложение на JavaScript
В данном курсе ты научишься создавать реальное мобильное приложение с помощью React Native (JavaScript ReactJS)
Курс идеально подойдёт для фронтенд-разработчиков, которые уже знакомы с ReactJS.
👨🏻💻 Что необходимо знать перед началом?
1. useState, useEffect, JSX, Props
2. Уметь работать с HTTP-запросами (axios/fetch)
3. Знать ReactJS не менее 3-5 месяцев
4. Знать JS не менее 5-6 месяцев
👀 Чему ты научишься?
1. Создавать мобильное приложение на Android / iOS
2. Запускать приложение на реальном устройстве / эмуляторе
3. Шарить экран с мобильного устройства на ПК
4. Работать с React Native
5. Подключать роутинг для моб. приложения
6. Запрашивать данные с сервера и выводить в приложении
7. Создавать несколько страниц / экранов в приложении
8. Делать перезагрузку контента по свайпу
9. Рендерить список записей
10. Работать с библиотекой styled-components
🔗 Ссылки по материалу:
Expo CLI -
Офф. документация React Native -
Скачать Android Studio -
MockAPI -
JSON с статьями -
💊 Плюсы/минусы Expo CLI:
-
-
📚 Исходник приложения:
🔗 Следите за обновлениями и информацией в:
— Telegram-канале:
— VK:
— Личном блоге:
— GitHub:
— Моё резюме:
⏰ Таймкоды:
00:00:00 Введение
00:10:00 Начинаем изучение документации
00:12:05 Про Expo CLI / React Native CLI
00:16:26 Создаем проект с помощью expo-cli
00:19:45 Изучаем структуру проекта
00:21:30 Запуск проекта
00:23:50 Про Metro Bundler
00:24:37 Скачиваем Android Studio и настраиваем
00:35:45 Запускаем на реальном устройстве приложение
00:36:40 Скачиваем scrcpy для шаринга экрана устройства на ПК
00:38:35 Запускаем Expo в устройстве и открываем наше приложение
00:41:23 Приступаем к разработке приложения
00:45:37 Про стандартную стилизацию в React Native
00:48:07 Устанавливаем styled-components для стилизации компонентов
00:51:04 Пробуем создать компонент с помощью styled-components
00:54:25 Начинаем верстать статью
01:04:55 Создаем файл с кодом статьи
01:07:21 Используем сайт MockAPI для хранения статей
01:09:02 Устанавливаем Axios и делаем запрос на получение статей
01:14:21 Как правильно рендерить список с возможностью скролла (FlatList)
01:18:30 Делаем рендер иконки загрузки контента (ActivityIndicator)
01:22:30 Перезагрузка контента по свайпу (RefreshController)
01:26:51 Делаем статью кликабельной (TouchableOpacity)
01:28:20 Переносим код отображения статьей в HomeScreen
01:31:00 Создаем экран отображения полной статьи FullPostScreen
01:39:40 Подключаем роутинг с помощью React Navigation
01:48:12 Делаем переход на экран полной записи при клике на статью
01:52:15 Обрезаем заголовки статей для корректного отображения списка
#react #reactnative #expo #expocli #reactnativecli #mobile #android #ios #junior #реакт #разработка
2 views
493
116
9 years ago 00:52:07 300
React Native изменит существующий мир мобильной разработки [GeekBrains]
9 years ago 01:16:49 58
(clojurescript & react native)
8 years ago 01:31:58 20
React Native Crash Course
4 years ago 02:31:51 61
Разработка стоматологического приложения на React Native #7
4 years ago 02:06:34 10
Разработка стоматологического приложения на React Native #3
4 years ago 02:06:35 130
Разработка стоматологического приложения на React Native #1
8 years ago 00:53:00 1
Introduction to React Native
6 years ago 04:24:10 36
S01E13 - Plant App - React Native
5 years ago 02:36:49 9
Разработка стоматологического приложения на React Native #4
5 years ago 03:08:41 15
Разработка стоматологического приложения на React Native #2
9 years ago 00:34:06 163
React Native Desktop | Дмитрий Локтев
8 months ago 02:55:44 6
React Native MacOS App Tutorial – Book Management System
6 years ago 00:33:41 1
React Native vs Flutter
4 years ago 02:31:27 17
Разработка стоматологического приложения на React Native #6
7 years ago 00:32:42 27
Build React Native Chat App In 30 Minutes
6 years ago 00:02:58 225
React Native #1 Введение
6 years ago 00:10:12 43
React Native #2 Настройка окружения
8 years ago 00:11:12 25
React Router Native
9 years ago 00:51:33 4
Артем Тритяк - React Native
8 years ago 02:35:41 1
Вебинар по React Native (iOS/Android)
6 years ago 00:21:36 42
React Native #3 Компоненты
4 years ago 02:46:49 9
Разработка стоматологического приложения на React Native #5