Курс React Native. Пишем Мобильное Приложение на JavaScript
ฝัง
- เผยแพร่เมื่อ 4 ต.ค. 2024
- Получить профессию Frontend разработчика -
bit.ly/3HVrnWJ
Подробнее узнать об обучении в Result School -
bit.ly/3AaHi1A
Бесплатный курс HTML & CSS - bit.ly/3yoofPM
Сделать 5 проектов на JavaScript - bit.ly/3OPaQ8G
Я в соц сетях:
Telegram: t.me/js_by_vla...
VK: vladile...
Instagram: / vladilen.minin
Мои паблики по JavaScript:
Telegram: t.me/result_sc...
VK: result....
Instagram: / result.scho. .
JavaScript cообщества:
Discord: / discord
Telegram: t.me/js_by_vla...
Roadmap по каналу:
vladilen.notio...
#react #reactnative
Владилен Минин: React Native. Урок с Нуля до Первого Приложения
Вспомнил тот день когда написал Hello world на html. Смотришь, вроде всё понятно. Начинаешь сам что-то делать нихрена не понятно ))
Хотелось бы увидеть обновлённое видео на тему React Native.
Ты русский Traversy Media и это просто замечательно! Спасибо, что делаешь такие понятные, информативные и структурированные ролики. Удачи в творчестве и повышении планки качества контента.
Столько годного контента. Мне кажется я обязан купить твой курс)
Самое время)
На 32:22 минуте Владилен говорит, что лучше выбирать из устройств напротив которых стоит изображение плей стор.
Выполнял заказ на фрилансе, понадобилось протестировать приложение на планшете. Полдня искал как решить данную задачу, так как по умолчанию плейстор не установлен на всех эмуляторах планшетов в андроид студио. Опытным путем решил данную задачу.
Для тех кто хочет протестировать приложение на другом эмуляторе телефона или планшета в андроид студио, где нет доступа к плейстору по умолчанию, написал простую инструкцию:
1. Выбираем любое устройство без значка плейстор. Настраивам все по умолчанию так же как показывает Владилен, или так как вам надо.
2. Далее вместо того чтобы запускать эмулятор устройства в меню "avd manager" (на видео это меню на 34:02) нажимаем на иконку ▼. В открывшемся выпадающем списке выбираем show on disk. Откроется папка с файлами выбраного устройства.
3. Открываем в редакторе файл config.ini из этой папки.
4. Редактируем 2 строки:
строку:
PlayStore.enabled = false
меняем на:
PlayStore.enabled = true
(это для отображения значка плейстора в списке устройств avd manager, эту настройку не обязательно менять)
и строку:
image.sysdir.1 = system-images\android-30\google_apis\x86\
меняем на:
image.sysdir.1 = system-images\android-30\google_apis_playstore\x86\
(эта настройка позволяет установить плейстор)
Сохраняем файл.
5. Запускаем эмулятор устройства, для которого производили настройки.
Не понимаю почему по умолчанию плейстор не установлен на всех устройствах. Возможно на данных устройствах он работает медленее, или до конца не адаптирован, хз.
Ты просто боженька... Огромное спасибо за знания, которые получил, просматривая этот канал!)
Рад слышать)
Гениально, мужик! В 15 смотрел тебя, сделал первую аппуху, continue!
Хах я в 15 апнул глобала в кс го, вот это круто)
@@ivansafronov3359 о, чувак, мне тоже 15. Может го вместе что нибудь наклепаем?
бля, вот я старый )))
я в 15 лет бомбочки делал рыбу глушить и на мотоцикле по посёлку гонял. С интернетом, да и вообще с компьютерами тогда напряжёнка была.
Шёл 1995 год.
Для меня очень познавательный урок.
Собираюсь прослушать полный курс.
Спасибо большое!
Спс.Ты лучший, спасибо за твой огромный вклад в развитие програмирования.
Давно не ровно дышал в сторону react native, спасибо Владилен за курс, купил и очень рад за то что его приобрел. Был бы рад увидеть еще твои курсы на udemy.
Владилен, спасибо! Как всегда подробно и ясно ввёл в тему. Тем кто пишет много Воды - на превью видео написано - «для новичков». Если вы профи - идите в документацию.
Первый курс, в сети, который приобрел даже не задумываясь. Первое впечатление крайне положительное! Уже прохожу )
Спасибо, Владилен! Отличные курсы, продолжай в том же духе!!! очень помогаешь
Думаю уже пора обновить версию урока
Лучший контент! Спасибо Владилен!
О, Владилен, отличная милота подъехала!))) Спасибо!)
Ты это про вступление?)
@@VladilenMinin Я про урок с нуля по Реакт Нэйтив, если что.
Очень понятно и очень доступно. Рекомендую!! Хороший спикер, приятно слушать, без нуууканий и мууканий!!
Супер! Уже купил курс)
Классно, что благодаря реакту можно вот так вкатиться в мобильную разработку :) Спасибо за видео. )
Спасибо Владилен! Все понятно и доступно :)
Урок замечательный и понятный. Просто супер)
Добрый день. Посмотрел это видео. Очень понравилось. Не могу найти ссылку на продолжение курса по React Native. Хотелось вы продолжить обучение
Хорошое видео , чётко рассказываешь, спасибо за видео.
2:26:32 Поведение области со списком todos всё же нельзя назвать корректным, т.к. два последних элемента оказываются ниже нижней границы экрана и не показываются. Это можно исправить, добавив стиль "wrapper: {
height: '100%',
}," к корневому элементу View
Владилен, спасибо тебе за обучающие курсы!
Очень доступно а главное всегда с использованием актуального стека технологий, которые изначально на этапе обучения ты закладываешь в курсе + ко всему учишь образу мышления поэтапной сборки проекта учитывая все нюансы и архитектуру.
Очень бы хотелось, если у тебя будет возможность, подробно раскрыть тему о создании PWA приложений из SPA.
Думаю это будет интересно для аудитории, которая подписана на тебя и твои курсы.
Заранее благодарю и желаю тебе дальше выкладывать авторские курсы!!!
Они очень полезны!
Видео просто просто и ещё просто крутые, так сказать на высшем уровне 👍
Всё супер, большое спасибо, лучшие уроки!
Спасибо Владилен за уроки
Крутой контент 👍
Купил курс по React, RN, и вчера по Angular спасибо!
и как успехи, молодой человек?
я на около 20 минуте уже испытал детский восторг увидев приложение на телефоне :) спасибо за позитивные эмоции и за труд!!!!
Оооочень крутой урок!!!
Если будет время и желание, можешь ли запилить краткий курс/туториал по d3 js
Помню, что у тебя было видео о том, как ты участвовал в конкурсе от ТГ и делал задание по визуализации данных в виде интерактивной гистограммы. Возможно поэтому d3 заинтересует тебя)
Спасибо, оооочень помогло разобраться с андоид студио и вообще во всем
хороший обзор, хотелось бы еще увидеть про маршрутизацию
Лайк. остальное посмотрю в документации
Спасибо за качественный контент!
2:09:29 на самом деле буквы заглавные и на анроиде, но так как он запущен через эмулятор и текст приходит через клавиатуру, то он введется именно так, как на клавиатуре, можно заметить, что на виртуально клавиатуре самого Андроида в это время включены заглавные буквы
Напрашивается немного философский вывод, а нужен ли на самом деле React Native...
1) Так или иначе поставь Андроид студию и Xcode с эмуляторами
2) Смотрим на стили и видим, что все стилевые свойства скопированы прямо из андроид, View компоненты точно также скопированы из андроид
3) Чтобы вывести заголовок из под верхней части экрана применен костыль в виде блока текста с установленным height, хотя в Xcode изначально введено такое понятие как safety Area, чтобы никакой UI не залезал под элементы конструкции телефона
4) Так или иначе для сайта создавай один проект, а для мобильных устройств другой, так как многие вещи делаются по другому. единственное что - backend будет общий
5) С учетом того, что js Kotlin и Swift очень сильно похожи, зачем использовать вот эту вот прокладку. Не проще ли изучить нативную разработку на андроид и iOS.
6) В андроиде есть такая UI штука как Coordinator Layout. Прокручиваешь контент и видишь как при прокрутке меняеются стилевые свойства отдельных элементов (высота, opacity и т.д.) Из этого видео совсем непонятно как это в React native делать
7) Ну и многопоточность. Как в React-native управлять выполнением кода в разных потоках?
Пока не очень понятно! Вобщем эта технология, что-то упрощает, но играет роль прокладки. А любая прокладка всегда накладывает ограничения.
Это как PWA (Progressive Web App). Заявлено - эта технология убьет PlayMarket и AppStore. Но на практике как-то не очень Установитить сайт как приложение можно только в Chrome и его клонах (типа Яндекс-браузера). Ни в сафари ни в опере ни в мозилле ничего подобного нет. Да сервис-воркеры доступны везде, а механизм установки как приложение только в хроме. Как то так
Доброго времени суток! хочу поблагодарить за материал, здорово объясняете и нужные темы(для меня :) );
Хотелось бы чтобы после окончания видео вы оставляли секунд 5 видео, для того чтобы можно было успеть поставить на паузу и поставить лайк) (на нек. других видео времени не остается)
Автовоспроизведение в Ютубе отключи
Ждемс подобное на Angular. Курс куплен)) и сильно помог разобратся в нем.
С ангуляром уже все на канале)
Не радует((
А что бы ты предложил?
Подобное видео: Angular + ionic
А ты про мобильную разработку. Про неё будет отдельно :)
Бро ты лучший 🔥
за стеной басы а Владилен пишет курс
красавчик
Дефолтное значение flex-direction - row. UPD. я так понял в нейтиве дефолт - column.
React Native
JavaScript
Спасибо, очень интересно
Крутое видео, спасибо :)
Spasibo za video
как это собрать в apk и скачать?
супер, очень полезное видео, спасибо.
Хороший курс 💪💪💪
Хороший урок, спасибо 😉
17:36 Структура проекта
*Л. а. й. к. о. с.* за видос.
Если у кого то не запускается автоматически expo на android емуляторе то в консоли просто нажмите "а"
Крутяк!!!
почти этот же курс продется на udemy, только там за это башлять надо, а тут нашару. браво
Это его небольшая часть, там он полнее
глаза открой, на сайте намного больше инфы для работы с React Native
Спасибо большооое за урок!
Просто лучший 🔥
12:49 sudo на windows дописывать не нужно, но, возможно, придётся консоль от админа запустить для директивы --global (но может и нет)
Спасибо огромнейшее )))
Видос бомба!
Super kruto stavlu Klass 😜
Купил курс! Доходчивое, детальное объяснение, спасибо большое.
Эмулятор Genymotion, для обладателей windows на AMD;) Его можно также подсоединить к ANDROIDSTUDIO.
Спасибо!
2:26:30 - видно, что последние несколько элементов за пределами видимости экрана. Автор это тоже видит, но судя по склейке - решает об этом не рассказывать:)
Спасибо за видео (like)
хороший курс спасибо.
прошу сделай урок о redux-saga
это тема мне не относится но Голос понравилось, смотрю просто так )) 😉😄😄
Только я вошёл во вкус - продолжение смотрите на юдеми... Классный курс, завидую купившим.)
за 11 долларов можно забрать сейчас)
купил вчера за 999 деревянных
Приветствую Владилен, спасибо за очень качественный и актуальный контент! Но, пожалуйста, можно еще разобрать react router native, это будет очень ценный контент, т.к в русскоязычном пространстве материалов по этой библиотеке похоже просто напросто нету? В любом случае, огромное спасибо за твои труды!
Целый курс в описании с ним
надо вручную перезагружать постоянно приложение или илюстратор через терминал клавиша R
Спасибо))
Спасибо
Классное видео! Тоже записываю уроки про React Native, буду рад новым подписчикам :)
Уууууу, круто
Владилен я вас уважаю и мне интересно смотреть вас в ютубе. По такому поводу купил ваш курс на юдеми. Но там столько старых библеотек которые не работают. И вы не отписываете своим учиникам на просьбы помочь и решить их ошибки . Курс тоже не хотите обновлять. Жаль что потратил деньги. А ведь доверял вам.
Есть курс Реакт путь самурая - к тому же бесплатный, есть еще куча видосов на ютубе
Спасибо за контент, очень круто!!! Есть ли в планах сделать приложение на flutter и dart с подробными объяснениями :) ?
Пока только в мыслях. Возможно в следующем году сделаю)
Пока только в мыслях. Возможно в следующем году сделаю)
Спасибо, будем ждать!!!
было бы удобно, если бы был какой-то агрегатор симуляторов мобильников, чтобы поставить его одного и отметить симуляторы, которые нужны. немного отпугнула настройка симуляторов андроида и айоса, но сам реакт нэйтив выглядит хорошо
React крутая штука!
ахуенный контент
Столкнулся с мутным поведением в expo - не инитится и хоть ты тресни. Вышел из ситуации с указанием настроек сразу в командной строке: expo init project --template blank --name arduino
примерно на 1:29:00 все крашится с кучей ошибок , то о несоответствии версий нейтива и js , то ругается на Error Boundary . Перепробывал на маке и винде
Спасибо за курс. Нет ли у вас планах записать видео по google photo api для работы с приложениями на react native ?
прогугли
Подписывайтесь на меня в Telegram:
t.me/js_by_vladilen
У меня такая проблема что когда запускаю launcher expo для дальнейшего работы в браузере, то он закрывается и вкладка стает темной. Никакой манипуляции с api не возможно. Я только начал изучать и даже не перешел в стадию разработки.
в видео присутствует конечный билд в .апк?
Владилен, спасибо за курс, отличный материал и подача. Скажите пожалуйста, принципиально ли иметь последнюю версию Xcode для тестирования приложений, например под iOS 14 или достаточно иметь версию 10.3 с эмулятором предыдущих версий?
Ссылка заблокирована
Привет. Ты знаешь после каких действий пользователя сбрасывается async storage на телефонах (очистка куки или обнова приложения и тд)?
Курс уже куплен, жду свободного времени для прохождения.
🔥
Красавчик
В NativeScript не планируешь сделать моб.приложение?
Не удается установить intel x86 emulator accelerator, пишет ошибку
а пример с Form, кнопками удаление добавления та кнопками переходами между страницами и Git
спасибо!
День добрый! С интересом начал смотреть Ваш курс. Если есть ссылка на Git этого приложения, киньте пожалуйста! Так будет гораздо удобнее проверять синтаксис. Спасибо!
Привет , было бы круто узнать как отправить push уведомления и как встречать их в приложухе
Спасибо за видео, материал изложен доступно даже для новичка!
топ. Стрим когда?
Завтра уточню время
ты намеренно не замечаешь, что скролл работает через жопу и доступа к последним элементам по сути нет? может потому, что ты не знаешь как сделать так, чтобы работало?)
Про Вью нейтив будет? )
Пока не планирую
Ну эт больше любопытство, чем интерес )
react-native интереснее чем просто react(web) , но сложнее
Было бы круто курс по React Native Reanimated сделать