Курс React Native. Пишем Мобильное Приложение на JavaScript

[@andreas.limited]

Хотелось бы увидеть обновлённое видео на тему React Native.

[@yakut54]

Вспомнил тот день когда написал Hello world на html. Смотришь, вроде всё понятно. Начинаешь сам что-то делать нихрена не понятно ))

[@daniilgerasimenko8200]

Ты русский Traversy Media и это просто замечательно! Спасибо, что делаешь такие понятные, информативные и структурированные ролики. Удачи в творчестве и повышении планки качества контента.

[@user-dp4md8by6l]

На 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. Запускаем эмулятор устройства, для которого производили настройки. Не понимаю почему по умолчанию плейстор не установлен на всех устройствах. Возможно на данных устройствах он работает медленее, или до конца не адаптирован, хз.

[@Maikl498]

Столько годного контента. Мне кажется я обязан купить твой курс)

[@VladilenMinin]

Самое время)

[@ivansafronov3359]

Гениально, мужик! В 15 смотрел тебя, сделал первую аппуху, continue!

[@annav8646]

Хах я в 15 апнул глобала в кс го, вот это круто)

[@mariaberestovaya9139]

@@ivansafronov3359 о, чувак, мне тоже 15. Может го вместе что нибудь наклепаем?

[@yakut54]

бля, вот я старый ))) я в 15 лет бомбочки делал рыбу глушить и на мотоцикле по посёлку гонял. С интернетом, да и вообще с компьютерами тогда напряжёнка была. Шёл 1995 год.

[@akudrenko]

Ты просто боженька... Огромное спасибо за знания, которые получил, просматривая этот канал!)

[@VladilenMinin]

Рад слышать)

[@VladilenMinin]

Подписывайтесь на меня в Telegram: t.me/js_by_vladilen

[@goldentears384]

У меня такая проблема что когда запускаю launcher expo для дальнейшего работы в браузере, то он закрывается и вкладка стает темной. Никакой манипуляции с api не возможно. Я только начал изучать и даже не перешел в стадию разработки.

[@ivanivanivanivan1592]

в видео присутствует конечный билд в .апк?

[@YeahThatsMeVic]

Владилен, спасибо за курс, отличный материал и подача. Скажите пожалуйста, принципиально ли иметь последнюю версию Xcode для тестирования приложений, например под iOS 14 или достаточно иметь версию 10.3 с эмулятором предыдущих версий?

[@user-ob6us6ox8r]

Ссылка заблокирована

[@user-jp6mz8rh4p]

Привет. Ты знаешь после каких действий пользователя сбрасывается async storage на телефонах (очистка куки или обнова приложения и тд)?

[@topfakt3557]

Думаю уже пора обновить версию урока

[@arseniy.k8895]

Для меня очень познавательный урок. Собираюсь прослушать полный курс. Спасибо большое!

[@SK-in5bj]

Давно не ровно дышал в сторону react native, спасибо Владилен за курс, купил и очень рад за то что его приобрел. Был бы рад увидеть еще твои курсы на udemy.

[@o.voytyn]

Спс.Ты лучший, спасибо за твой огромный вклад в развитие програмирования.

[@alexeychernyavsky7775]

Спасибо, Владилен! Отличные курсы, продолжай в том же духе!!! очень помогаешь

[@user-oi3rk4ey8t]

Владилен, спасибо! Как всегда подробно и ясно ввёл в тему. Тем кто пишет много Воды - на превью видео написано - «для новичков». Если вы профи - идите в документацию.

[@agrubiy]

Первый курс, в сети, который приобрел даже не задумываясь. Первое впечатление крайне положительное! Уже прохожу )

[@juranart]

Добрый день. Посмотрел это видео. Очень понравилось. Не могу найти ссылку на продолжение курса по React Native. Хотелось вы продолжить обучение

[@eurorock5912]

О, Владилен, отличная милота подъехала!))) Спасибо!)

[@VladilenMinin]

Ты это про вступление?)

[@eurorock5912]

@@VladilenMinin Я про урок с нуля по Реакт Нэйтив, если что.

[@user-zg4ef9in6s]

Классно, что благодаря реакту можно вот так вкатиться в мобильную разработку :) Спасибо за видео. )

[@slava_po]

Лучший контент! Спасибо Владилен!

[@user-rn4up1fd4u]

Очень понятно и очень доступно. Рекомендую!! Хороший спикер, приятно слушать, без нуууканий и мууканий!!

[@user-ow1he8qm2h]

Урок замечательный и понятный. Просто супер)

[@vladislavvlad3040]

Владилен, спасибо тебе за обучающие курсы! Очень доступно а главное всегда с использованием актуального стека технологий, которые изначально на этапе обучения ты закладываешь в курсе + ко всему учишь образу мышления поэтапной сборки проекта учитывая все нюансы и архитектуру. Очень бы хотелось, если у тебя будет возможность, подробно раскрыть тему о создании PWA приложений из SPA. Думаю это будет интересно для аудитории, которая подписана на тебя и твои курсы. Заранее благодарю и желаю тебе дальше выкладывать авторские курсы!!! Они очень полезны!

[@user-tg9wd2hm1g]

Спасибо Владилен! Все понятно и доступно :)

[@oblomoff1]

как это собрать в apk и скачать?

[@user-on5wi4ov2e]

2:26:32 Поведение области со списком todos всё же нельзя назвать корректным, т.к. два последних элемента оказываются ниже нижней границы экрана и не показываются. Это можно исправить, добавив стиль "wrapper: { height: '100%', }," к корневому элементу View

[@RUS4HELP]

Супер! Уже купил курс)

[@lekvikwerty6405]

Если будет время и желание, можешь ли запилить краткий курс/туториал по d3 js Помню, что у тебя было видео о том, как ты участвовал в конкурсе от ТГ и делал задание по визуализации данных в виде интерактивной гистограммы. Возможно поэтому d3 заинтересует тебя)

[@edwarddeveloper6088]

Хорошое видео , чётко рассказываешь, спасибо за видео.

[@user-lh7ti3hb2b]

2:09:29 на самом деле буквы заглавные и на анроиде, но так как он запущен через эмулятор и текст приходит через клавиатуру, то он введется именно так, как на клавиатуре, можно заметить, что на виртуально клавиатуре самого Андроида в это время включены заглавные буквы

[@sardorshermatov3843]

Видео просто просто и ещё просто крутые, так сказать на высшем уровне 👍

[@aris8656]

Всё супер, большое спасибо, лучшие уроки!

[@MegaMrTan]

Доброго времени суток! хочу поблагодарить за материал, здорово объясняете и нужные темы(для меня :) ); Хотелось бы чтобы после окончания видео вы оставляли секунд 5 видео, для того чтобы можно было успеть поставить на паузу и поставить лайк) (на нек. других видео времени не остается)

[@lightinthedark5708]

Автовоспроизведение в Ютубе отключи

[@user-ou2li8jv9w]

Напрашивается немного философский вывод, а нужен ли на самом деле 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 и его клонах (типа Яндекс-браузера). Ни в сафари ни в опере ни в мозилле ничего подобного нет. Да сервис-воркеры доступны везде, а механизм установки как приложение только в хроме. Как то так

[@ivantarabukin1676]

Спасибо Владилен за уроки

[@andryush333]

Крутой контент 👍

[@stashmm]

Оооочень крутой урок!!!

[@infernal95mailru]

Спасибо за видео, материал изложен доступно даже для новичка!

[@user-od6hi8we5p]

хороший обзор, хотелось бы еще увидеть про маршрутизацию

[@user-mj1ug5iq3k]

Купил курс по React, RN, и вчера по Angular спасибо!

[@artemhabibulin3644]

и как успехи, молодой человек?

[@romanklymovych9564]

Спасибо, оооочень помогло разобраться с андоид студио и вообще во всем

[@user-bi3kx5uf6d]

за стеной басы а Владилен пишет курс красавчик

[@andriiistomin2548]

Дефолтное значение flex-direction - row. UPD. я так понял в нейтиве дефолт - column.

[@genesismens9898]

Лайк. остальное посмотрю в документации

[@sealkeen]

12:49 sudo на windows дописывать не нужно, но, возможно, придётся консоль от админа запустить для директивы --global (но может и нет)

[@aleksandrgradov7859]

я на около 20 минуте уже испытал детский восторг увидев приложение на телефоне :) спасибо за позитивные эмоции и за труд!!!!

[@6vladik8]

Если у кого то не запускается автоматически expo на android емуляторе то в консоли просто нажмите "а"

[@taras8068]

Спасибо за качественный контент!

[@yu.diachenko7889]

Ждемс подобное на Angular. Курс куплен)) и сильно помог разобратся в нем.

[@VladilenMinin]

С ангуляром уже все на канале)

[@yu.diachenko7889]

Не радует((

[@VladilenMinin]

А что бы ты предложил?

[@yu.diachenko7889]

Подобное видео: Angular + ionic

[@VladilenMinin]

А ты про мобильную разработку. Про неё будет отдельно :)

[@Artem-rh9mm]

Эмулятор Genymotion, для обладателей windows на AMD;) Его можно также подсоединить к ANDROIDSTUDIO.

[@user-oq3ph5ko6c]

Бро ты лучший 🔥

[@Anna-ig2fc]

17:36 Структура проекта

[@hutoryanin]

*Л. а. й. к. о. с.* за видос.

[@sergiougodnikov8861]

Крутяк!!!

[@grommaks]

Крутое видео, спасибо :)

[@masterbpr0]

Ссылка заблокирована ;(

[@abdurashidusmanov3081]

Spasibo za video

[@vladimirmuratov2220]

React Native JavaScript Спасибо, очень интересно

[@nursultanermekov7478]

Хороший курс 💪💪💪

[@lunamarsword]

супер, очень полезное видео, спасибо.

[@rakovskiy28]

Хороший урок, спасибо 😉

[@kodzimageniy6151]

Приветствую Владилен, спасибо за очень качественный и актуальный контент! Но, пожалуйста, можно еще разобрать react router native, это будет очень ценный контент, т.к в русскоязычном пространстве материалов по этой библиотеке похоже просто напросто нету? В любом случае, огромное спасибо за твои труды!

[@VladilenMinin]

Целый курс в описании с ним

[@nicetv3247]

это тема мне не относится но Голос понравилось, смотрю просто так )) 😉😄😄

[@dimanjacky]

Не удается установить intel x86 emulator accelerator, пишет ошибку

[@user-tp4fn2dl9w]

Спасибо большооое за урок!

[@bohdanmakohoniuk2299]

надо вручную перезагружать постоянно приложение или илюстратор через терминал клавиша R

[@vadimsverbinenko416]

Владилен я вас уважаю и мне интересно смотреть вас в ютубе. По такому поводу купил ваш курс на юдеми. Но там столько старых библеотек которые не работают. И вы не отписываете своим учиникам на просьбы помочь и решить их ошибки . Курс тоже не хотите обновлять. Жаль что потратил деньги. А ведь доверял вам.

[@perseveranse]

Есть курс Реакт путь самурая - к тому же бесплатный, есть еще куча видосов на ютубе

[@user-gv7lv4dg7m]

ты намеренно не замечаешь, что скролл работает через жопу и доступа к последним элементам по сути нет? может потому, что ты не знаешь как сделать так, чтобы работало?)

[@user-zg6zp4jf4f]

Спасибо за контент, очень круто!!! Есть ли в планах сделать приложение на flutter и dart с подробными объяснениями :) ?

[@VladilenMinin]

Пока только в мыслях. Возможно в следующем году сделаю)

[@VladilenMinin]

Пока только в мыслях. Возможно в следующем году сделаю)

[@user-zg6zp4jf4f]

Спасибо, будем ждать!!!

[@haykhakobjanyan5028]

Просто лучший 🔥

[@igorton915]

Привет! Подскажите, я создал небольшое приложение типо todos. Скомпилил под андроид, Apk файл весит 50мб. Я думаю это очень много для такого маленького приложения. Получается, для простых приложений использовать Expo не оптимально? Если есть у кого скиньте инструкцию как уменьшить размер.

[@user-no6lc5yp5i]

Спасибо огромнейшее )))

[@mex5341]

примерно на 1:29:00 все крашится с кучей ошибок , то о несоответствии версий нейтива и js , то ругается на Error Boundary . Перепробывал на маке и винде

[@XAH30]

2:26:30 - видно, что последние несколько элементов за пределами видимости экрана. Автор это тоже видит, но судя по склейке - решает об этом не рассказывать:)

[@iGotton]

Только я вошёл во вкус - продолжение смотрите на юдеми... Классный курс, завидую купившим.)

[@iocitizen1389]

за 11 долларов можно забрать сейчас)

[@yakut54]

купил вчера за 999 деревянных

[@svistunovav2]

было бы удобно, если бы был какой-то агрегатор симуляторов мобильников, чтобы поставить его одного и отметить симуляторы, которые нужны. немного отпугнула настройка симуляторов андроида и айоса, но сам реакт нэйтив выглядит хорошо

[@mukhammad5464]

Спасибо!

[@VladimirYevstratov]

Классное видео! Тоже записываю уроки про React Native, буду рад новым подписчикам :)

[@johnd1431]

Super kruto stavlu Klass 😜

[@AidosOmurzakov]

Привет , было бы круто узнать как отправить push уведомления и как встречать их в приложухе

[@badgrjw]

Прикольно, но много воды, рассказывается про CSS и очень мало (относительно) про сам React Native

[@user-is8tv8zn8b]

Видос бомба!

[@bohdanmakohoniuk2299]

что делать если expo не обновляет автоматически после изменения кода в vac ?

[@vunderkind8427]

Владилен, спасибо за уроки и курсы. Нигде не могу найти совета. Может вы подскажите, как лучше сделать. Есть drawer, внутри него 5 пунктов с одним и тем же стэком. В этом стэке 2 компонента. Нужно чтоб один из этих компонентов открылся при клике на пункт дровера, но при этом получил соответствующий от пункта пропс и сфетчил данные. Как слелует поступить? Как с дровера передать пропсы к компоненту, который в стэке?

[@vunderkind8427]

@Gonza для этого нужно переопределять onPress. Пошел другим путем. Оказывается в next версию навигации добавили initialParams для скринов

[@eurorock5912]

Владилен, привет! А вот такой вопрос подскажи, плиз, или где про него может объяснял уже (вдруг я пропустил) скинь ссылку. Есть React Native, и есть PWA. Я правильно понимаю, что PWA охватывает более широкие спектры устройств для использования (тот же desktop и смартфоны) со всякими ServiceWorker'ами? Если да, то не планируешь ли курс по этой технологии? Понимаю, что RN тоже классная штука, но она более заточена под мобильные только, по-моему) Спасибо!

[@Max-kr4ie]

Я не сильно понимаю, но разве пва не клей? (шутка) PWA это ж не фрейм ворк а подход к разработке, возможность делать скачиваемым в виде приложения веб сайт(приложение). А React Native это способ создавать приложения для мобилок. разве нет?

[@eurorock5912]

@@Max-kr4ie В том-то и прикол, что этот клей тоже позволяет делать приложения для мобилок, только не надо ничего никуда ставить и занимать место на мобилке. и прочие особенности, как положительные, так и отрицательные) Как и всё в этом мире...

[@shmatkoplus]

Спасибо за курс. Нет ли у вас планах записать видео по google photo api для работы с приложениями на react native ?

[@user-ur4ev7vl6c]

прогугли

[@user-nm9ch8ji7h]

топ. Стрим когда?

[@VladilenMinin]

Завтра уточню время

[@vladimirmartynov4747]

Спасибо!!!

[@dilikpulatov]

В NativeScript не планируешь сделать моб.приложение?

[@nikolay501]

можно ли делать desktop? под win mac linux? *без electron

[@serjdenisov2114]

Спасибо за видео (like)

[@demidovmaxim1008]

Спасибо

[@vladimirmaximoff8005]

Спасибо))

[@antonnikonov9721]

2:41:03 Если я создам несколько туду... то у меня вылетает приложение, очень интересно... заазааха

[@user-bt9hx3ik6e]

почти этот же курс продется на udemy, только там за это башлять надо, а тут нашару. браво

[@VladilenMinin]

Это его небольшая часть, там он полнее

[@sugardid]

глаза открой, на сайте намного больше инфы для работы с React Native

[@OleksandrPratsovytyi]

спасибо, хороший урок) слушай, а если проект уже существует и он создавался без expo, как в этом случае смотреть визуальные изменения?

[@danyremli7259]

localhost не запускается

[@kostya855]

Нашёл решение? Уже весь день парюсь над этим

[@Plesiosaur-ig2si]

Столкнулся с мутным поведением в expo - не инитится и хоть ты тресни. Вышел из ситуации с указанием настроек сразу в командной строке: expo init project --template blank --name arduino

[@alexandrryzhenkov6917]

Спасибо за видео. Владилен, подскажите, RN заточен под приложения, для Web столкнулся с тем, что css не корректно.. на что нужно обратить внимание, в моем случае?

[@artempavlenko5147]

react-native интереснее чем просто react(web) , но сложнее

[@darinatagrova2411]

Уууууу, круто