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 просмотра
493
116
1 неделя назад 01:32:45 1
Признаки ПЛОХИХ работодателей и куда НЕ СТОИТ идти работать. Фил Ранжин.
2 недели назад 00:04:00 1
How To Make A Timelapse Video - DIY in 5 Ep 222
3 недели назад 00:00:24 5
Fast Food App in React Native 🔥 #shorts #reactnative #expo #reactjs #app #ui
4 недели назад 00:10:45 1
Уроки Android Studio с нуля / #1 – Разработка Андроид приложений для начинающих
1 месяц назад 07:27:04 1
Django 4 E-Commerce Полный курс #python #django4 #djangoecomerce
1 месяц назад 00:16:00 4
PHOTOGRAPHER REACTS TO ENHYPEN’s Ni-Ki and Jungwon for L’OFFICIEL Singapore April 2024
1 месяц назад 00:14:12 1
Новый !
1 месяц назад 00:00:10 1
Hamer tribe omo valley Ethiopia #africantribe #shortvideo #short
1 месяц назад 00:10:45 1
Вся Правда о Кроссплатформенной и Нативной Разработке! Что же выбрать?