Fullstack Разработка - Занятие 2: Создание и запуск первого React Native приложения
- Переходим от настроек к практике и создадим наше первое мобильное приложение - Создадим виртуальное мобильное устройство, освоим базовые команды в терминале - Создадим и запустим свое первое приложение в React Native Все материалы (код при наличии в занятии, краткое и полное описание (самоучитель / полный курс)): https://github.com/EugenePokh/full_steak_02_react_native_init.git Также канал в Телеграм: https://t.me/full_steak Занятие 2 2.3. Установка Android Studio (для Windows) https://developer.android.com/studio?hl=ru 2.4. Создание эмулятора в смартфона в Android Studio (необязательно, т.к. можно тестировать через web - браузер или создавать ПО для браузера) 2.6. Проект React Native 2.6.1. VS Studio Code 2.6.2. Открываем директорию, где хотим создать проект 2.6.3. Открываем терминал в VS Studio Code 2.6.4. Основные команды в терминале: cd .. (назад в директории) cd folder_title (папка в которую нужно перейти) 2.6.5. Проверяем версии: node --version npm --version 2.6.6. Создаем новый проект npx create-expo-app@latest new_project_title --template blank npx expo install react-dom react-native-web (для запуска через web) 2.6.7. Запуск / остановка проекта 2.6.7.1. Запуск проекта npx expo start w - в консоли (чтобы запусить в браузере) F12 - для запуска просомтра в браузере в режиме телефона a / i запуск в эмуляторе (чтобы запустить в эмуляторе Android или iPhone (только для Mac) Expo (приложение на смартфон из PlayMarket и App Store) 2.6.7.2. Остановка проекта Ctrl + C
- Переходим от настроек к практике и создадим наше первое мобильное приложение - Создадим виртуальное мобильное устройство, освоим базовые команды в терминале - Создадим и запустим свое первое приложение в React Native Все материалы (код при наличии в занятии, краткое и полное описание (самоучитель / полный курс)): https://github.com/EugenePokh/full_steak_02_react_native_init.git Также канал в Телеграм: https://t.me/full_steak Занятие 2 2.3. Установка Android Studio (для Windows) https://developer.android.com/studio?hl=ru 2.4. Создание эмулятора в смартфона в Android Studio (необязательно, т.к. можно тестировать через web - браузер или создавать ПО для браузера) 2.6. Проект React Native 2.6.1. VS Studio Code 2.6.2. Открываем директорию, где хотим создать проект 2.6.3. Открываем терминал в VS Studio Code 2.6.4. Основные команды в терминале: cd .. (назад в директории) cd folder_title (папка в которую нужно перейти) 2.6.5. Проверяем версии: node --version npm --version 2.6.6. Создаем новый проект npx create-expo-app@latest new_project_title --template blank npx expo install react-dom react-native-web (для запуска через web) 2.6.7. Запуск / остановка проекта 2.6.7.1. Запуск проекта npx expo start w - в консоли (чтобы запусить в браузере) F12 - для запуска просомтра в браузере в режиме телефона a / i запуск в эмуляторе (чтобы запустить в эмуляторе Android или iPhone (только для Mac) Expo (приложение на смартфон из PlayMarket и App Store) 2.6.7.2. Остановка проекта Ctrl + C