React JS для начинающих: Создайте свое приложение

Поделиться
HTML-код
  • Опубликовано: 21 сен 2024

Комментарии • 117

  • @VladilenMinin
    @VladilenMinin  8 месяцев назад +25

    Ловите клевый проект в портфолио. Часто у начинающих вопрос: "Я не знаю что делать и как практиковаться". Идите на крипторынок и пробуйте реализовать любой понравившийся интерфейс))
    Вообще надеюсь это видео даст вам идей что еще можно попрактиковать. А кто нацелен на самый быстрый и эффективный способ попасть на работу разработчиков - срочно переходите сюда и начинайте учиться бесплатно: bit.ly/3StRwCN. Там же дорожная карта по React 2024
    Для клевых ребят переходите в Boosty. Там начинается история про классное комьюнити: boosty.to/vladilen

    • @diatm1506
      @diatm1506 7 месяцев назад

      У вас не будет про Kotlin и Android или react native ? Вы хорошо преподаете, трудно влиться, хотя бы основы...

    • @artemunix5223
      @artemunix5223 4 месяца назад

      все вью накста не будет?

  • @Troxip
    @Troxip 7 месяцев назад +6

    Жесть. Я 2 месяца назад начал учить фронт енд. И специально искал курсы где делают именно вот такой сайт. Но не смог найти. Ты как будто мои мысли читаешь. Спасибо за видос о котором я мечтал)))))

    • @TONY_BERG_MINSK
      @TONY_BERG_MINSK 3 месяца назад

      Он крутой чел!!! ❤❤❤

  • @Gimmegimmeyo
    @Gimmegimmeyo 8 месяцев назад +7

    СПАСИБО ЗА ТОПОВЫЙ ВИДОС!!!! Очень ценим твой труд, продолжай!))❤❤❤

  • @max_mgtow
    @max_mgtow 8 месяцев назад +3

    Спасибо огромное, Владилен 👍
    Работы на 2-3 дня по освоению есть)

  • @GioMikadzegio9000
    @GioMikadzegio9000 6 месяцев назад

    спасибо бро !! это крутой проект !! когда я начинал первый попался ты ,и до сих пор учусь )) ты монстр !!! :)

  • @Cherry.Blossom.11
    @Cherry.Blossom.11 8 месяцев назад +1

    Спасибо большое! не останавливайся на этом) давай больше обучалок по реакту)

  • @tmarikyan
    @tmarikyan 2 месяца назад +1

    Как всегда Владилен лучший

  • @Alex-rs1tt
    @Alex-rs1tt 8 месяцев назад +5

    Здорово! Спасибо сенсей)

  • @TONY_BERG_MINSK
    @TONY_BERG_MINSK 3 месяца назад +1

    Ты лучший Блогер!!!❤❤❤🎉😊

  • @kimalhasanov3793
    @kimalhasanov3793 8 месяцев назад +4

    Огонь🔥
    Ждём!

  • @alxski6318
    @alxski6318 5 месяцев назад

    Неплохо было бы про настройки htaccess для spa приложений, в т.ч. развернутых в поддиректориях и что бы все это работало с react router (вкл. detailed routes) из строки ввода адреса

  • @ska6391
    @ska6391 8 месяцев назад +8

    Владилен, не смогу столько времени уделить на просмотр видео, так как уже работаю фронтендером, но огромнейший тебе респект, что ДО СИХ ПОР делаешь обучающие видео, а не скатился в инфо-цыганство.
    Лайк авансом тебе и плюс к бицухе))

  • @nikitachekalin3539
    @nikitachekalin3539 7 месяцев назад +4

    @VladilenMinin привет , ожидал увидеть смарт контракт на remix или типо того , с интеграцией фронта или web3 приложение, или расширение. По факту - это todo , но вместо данных - крипта. Ожидал большего

  • @skyand_fly
    @skyand_fly 5 месяцев назад

    Спасибо! Хотелось бы еще!

  • @AsaAlexa
    @AsaAlexa 8 месяцев назад +2

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

  • @lvovich_biz
    @lvovich_biz 4 месяца назад

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

  • @АртемШендик-й6ш
    @АртемШендик-й6ш 8 месяцев назад +2

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

  • @OOSports
    @OOSports 7 месяцев назад

    Владилен, спасибо за столь качественное и познавательное видео! Благодаря тебе я стал понимать Реакт лучше!

  • @ВикторЮлианчук
    @ВикторЮлианчук 7 месяцев назад

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

  • @user-tq4kf8bz4e
    @user-tq4kf8bz4e 8 месяцев назад +1

    Спасибо за связку. Всё Ок. Работает

  • @BarcikMinusPTS
    @BarcikMinusPTS 8 месяцев назад

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

  • @mrakov
    @mrakov 7 месяцев назад

    Если говорить об идеях для имрува:
    можно ассеты хранить как ассеты исходные, но создать замаленную переменную (через юзмемо, например) и не переживать за то, нужно перемапливать ассеты перед изменением, потому что они будут мапится по его изменению перед вставкой в контекст.

  • @vladsnordrems3179
    @vladsnordrems3179 7 месяцев назад

    Владилен, спасибо за отличный материал!

  • @Dmitry-cb7wl
    @Dmitry-cb7wl 6 месяцев назад

    Спасибо за информацию! А почему нельзя было nginx поставить для раздачи статики? Там можно и кеш настроить и еще много чего. К тому же он уже в основном репозитории, не надо ставить NVM и прочую инфраструктуру node. В случае с node еще надо было его добавить в автозагрузку. В общем слишком много телодвижений только для раздачи статики.

  • @ByEfimov
    @ByEfimov 8 месяцев назад +3

    КЛАСС😊

  • @ВладРол-щ6ч
    @ВладРол-щ6ч 7 месяцев назад

    Всё классно! Спасибо за Ваши уроки!

  • @mr_robot666
    @mr_robot666 8 месяцев назад +3

    красавчик 👌🏻

  • @skyand_fly
    @skyand_fly 7 месяцев назад

    Требуем еще

  • @user-kw1eh2qu3h
    @user-kw1eh2qu3h 2 месяца назад

    Как понимать, что и как вы делаете? 😂 Как вы не запутываетесь во всём этом? Реально хочу вкурить, как вы думаете. 😂 Мне смешно за себя. Я думал, если буду смотреть такие видео, то со временем въеду в премудрости кодинга. 😂

    • @user-kw1eh2qu3h
      @user-kw1eh2qu3h 2 месяца назад +1

      Как довести до автоматизма?

  • @azizbeksamatov4631
    @azizbeksamatov4631 7 месяцев назад

    Спасибо за крутой видос. С чего начать для изучение крипты и Web3? Спасибо заранее ...

  • @smelnew
    @smelnew 8 месяцев назад +1

    просто Молодец!

  • @maximk5620
    @maximk5620 7 месяцев назад

    Компанией играли в игру под твой видос - выпиваем каждый раз, когда ты говоришь "довольно-таки" 😄
    Я проиграл на первом часе 😑
    Кстати, спасибо за контент 👍🏿😊

  • @erkanat_iman
    @erkanat_iman 7 месяцев назад

    Спасибо за урок

  • @kerfuflekhjk2941
    @kerfuflekhjk2941 5 месяцев назад +1

    А как вносить изменения на сервер или в дист? после того как уже задеплоил
    именно проблема в том что я задеплоил, а потом изменения не отображаются на локал хосте, хоть я уже и закомитил изменения на гит хаб. Это надо что то по серверной части делать? с дистом я так понял но я не понимаю как его пересобрать(

  • @UnitBlock
    @UnitBlock 3 месяца назад +1

    У меня есть практика , нужно попрааить код сайта.

  • @clutchmeisteryo9831
    @clutchmeisteryo9831 6 месяцев назад

    Я не понял зачем мы сделали сервак на node? Разве мы просто не можем сбилдить react приложение, статику с помощью nginx на серваке опубликовать.

  • @illegalGoose
    @illegalGoose 7 месяцев назад

    Ты как-то замудренно деплоил) Проще же через vercel импортировать проект с гита и все, проект в массах) Если что, поправьте меня!

    • @Dmitry-cb7wl
      @Dmitry-cb7wl 6 месяцев назад

      Или через nginx раздавать. Тоже проще намного и ресурсов меньше будет потреблять и кеширование

  • @alexanonym1584
    @alexanonym1584 4 месяца назад

    Порядок же следования мапы не определен по идее данные для чарта могут отображаться неправильно 2:39

  • @ВолодимирЖураківський-ц4щ

    Привет Владилен! Интересно что ты думаешь о фреймворке nextjs и вообще, стоит ли писать фронтенд на нем или лучше все-таки angular или react

    • @namesurname8552
      @namesurname8552 6 месяцев назад

      next это итак react, только с ssr и встроенным роутингом

  • @whoami_4900
    @whoami_4900 8 месяцев назад +1

    ошибка эта непонятная (proxyOverlay) из-за впн Browsec, тоже долго понять пытался)

  • @Grigoren_com
    @Grigoren_com 7 месяцев назад

    щщщщщикарно!

  • @alexanonym1584
    @alexanonym1584 4 месяца назад

    А как все таки сделать нормальный селект слева? Чтобы выбранное поле отображалось в самом селекте 1:34:10

  • @loadmore
    @loadmore 8 месяцев назад

    Посмотрел видео и уже разбогател 😅

  • @aleksandrm626
    @aleksandrm626 7 месяцев назад

    Спасибо за видео!
    Один вопрос, то есть наши assets хранятся только в памяти кода так сказать? База данных в этом случае не нужна?

    • @АхмедКаталов-н6ъ
      @АхмедКаталов-н6ъ 7 месяцев назад

      нет, он искуственно создал базу данных в нашем коде без запроса на реальный сервер, если я правильно понял твой вопрос

    • @aleksandrm626
      @aleksandrm626 7 месяцев назад

      @@АхмедКаталов-н6ъ ну к примеру мы добовляем монету в портфолио, это информация должна же гдето записыватся🤔

  • @crabsburger501
    @crabsburger501 7 месяцев назад +1

    Владилен привет, может ты сможешь дать подсказку.
    Я разрабатываю Resume Builder на реакт, и у меня проблема,
    при клике на шаблон у меня подгружается готов компонент (резюме) в формате А4 по ширине и высоте, с текстом который могу редактировать и т.д
    Но тут проблема, что если текста будет много, нужно будет уже 2 и более страниц которые должны скачатся в pdf
    Как реализовать такой функционал разделение на страницы одного компонента
    Я пытался использовать react-pdf-renderer но не могу его кастомизировать под себя по стилям

  • @curious001
    @curious001 7 месяцев назад +1

    41:00
    Привет. У меня была похожая проблема, где был этот 'country'. Если посмотреть вкладку network, то там будет уходить запрос на получение какой-то country, который отправлял vpn. При этом он вообще был отключен. Соответственно, адекватно получить country он не мог и кидал в консоль эту бесячую ошибку.
    В итоге я просто снёс vpn, т.к. редко его использую и ошибка пропала.
    Надеюсь помог)

    • @markeellaas
      @markeellaas 7 месяцев назад

      Тоже появлялась такая ошибка, после того как отключил расширение с vpn в браузере (в настройках браузера), ошибка ушла

  • @oleksiymiyskiy4694
    @oleksiymiyskiy4694 7 месяцев назад

    Привет, будет для новичков по новому next.js с нуля?

  • @Xrustalleff
    @Xrustalleff 4 месяца назад +1

    Эх, щас бы в 24 году идти во фронтенд

  • @hazyaeva-rofls
    @hazyaeva-rofls 8 месяцев назад

    🔥

  • @user-wx9ye2or1u
    @user-wx9ye2or1u 7 месяцев назад

    Сколько будет строить данный проект на фрилансе? 🤩🤑

  • @khusrav_kj-58
    @khusrav_kj-58 7 месяцев назад

    Здравствуйте я по поводу ошибки country.
    Ошибка заключается в том если вы используете VPN который установили в расширении браузера чтобы решить ошибку отключить расширения каторый вы установили в браузере.

  • @valerypobelenskiy1001
    @valerypobelenskiy1001 6 месяцев назад

    Не отрабатывает почему-то select на открытие через keypress по /странно...

  • @AnthonyVault
    @AnthonyVault 7 месяцев назад

    А можно ли как то вызвать полностью ререндер формы? У меня данные в форме зависят от выбираемого предмета в селекте.

  • @StarkRealityy
    @StarkRealityy 7 месяцев назад

    Ты крутой!

  • @ms_andersen
    @ms_andersen 7 месяцев назад

    Хочу спросить аудиторию: можно ли добавить в джунское портфолио проект/-ы с курсов при условии, что переписать его/их на другом фреймворке? Например, на курсе даётся на React, переписать на Vue или наоборот. Сойдёт ли за пет-проект (зашквар или нет)? Просто у меня проблемы с придумыванием идеи с абсолютного нуля, особенно дизайна, хромает чувство прекрасного 😅 Что вообще такое "пет-проект", обязательно ли это значит что-то уникальное?

    • @InterestFactsRefef
      @InterestFactsRefef 7 месяцев назад

      врятле проверяют, добавляй лишним не будет

    • @mk3mk3mk
      @mk3mk3mk 6 месяцев назад

      Ага, туду АПП это будет уникальное 😅

  • @digitalturkistan1857
    @digitalturkistan1857 7 месяцев назад

    Илья Климов делал 2021 году на вью такое но все равно спасибо

  • @velikorossnationalist4259
    @velikorossnationalist4259 7 месяцев назад

    Небольшой баг. Например добавил крипту солану. Хочешь добавить опять такую же крипту, ругается.

  • @natsudragnil4065
    @natsudragnil4065 8 месяцев назад

    Kak zhiiiiitt

  • @victorpilyasinsky8736
    @victorpilyasinsky8736 8 месяцев назад

    Terima kasih banyak!

  • @kolyan4d
    @kolyan4d 8 месяцев назад

    Как посмотреть demo app online? а так да, тема в тренде :)

  • @mk3mk3mk
    @mk3mk3mk 6 месяцев назад

    А Редакс не надо уже учить? Если такое крутое апп можно сделать без редакса, то он тогда вообще не нужен 😮😊

    • @itsMatrik
      @itsMatrik 6 месяцев назад

      В теории любое приложение можно сделать без стейт-менеджеров. Если тебе нравится прокидывать пропсы через 100500 компонентов - никто не против.

  • @OlehKyrylenko
    @OlehKyrylenko 7 месяцев назад

    Ошибка в консоли выдает из-за расширения Browsec VPN, если его отключить extensions, то ошибка пропадёт.

  • @dan1e11s
    @dan1e11s 7 месяцев назад

    перешел по ссылке и так и не смог найти roadmap ((((

  • @user-ln9eo3dn7h
    @user-ln9eo3dn7h 7 месяцев назад

    Може буде цікаво для key можна використовувати uuid.

  • @andreyvbzuev8977
    @andreyvbzuev8977 6 месяцев назад

    Why not Typescript?

  • @MyroniukIvan
    @MyroniukIvan 7 месяцев назад

    как минимум что я увидел, инлайн стили точно плохая практика, так же magic numbers, выносите в константы,
    так же стили в файле jsx тоже плохая практика, как минимум можно на уровне создавать style.js/ts и импортировать стили, возможно это просто минус библиотеки антд, в MUI так сделать 100%. возможно

  • @gom-jabbar
    @gom-jabbar 7 месяцев назад

    Владилен , скажи побратски , фронтенд реально вниз идёт? я его ьолее менее освоил ,только щас работу искать начинаю , а тут говорят что джуном устроиться грубо говоря невозможно, действительно все так плохо?

    • @mk3mk3mk
      @mk3mk3mk 6 месяцев назад

      Дык это всегда так сложно было джуном без опыта устроиться, так что не думаю что идёт вниз, это обычная история 😊

  • @natsudragnil4065
    @natsudragnil4065 8 месяцев назад +2

    Можно заново? Я опоздал

  • @GeorgeAltmann
    @GeorgeAltmann 8 месяцев назад

    Спасибо за ваш контент. Я хочу начать инвестировать в криптовалюту. Мне нужна помощь в этом, пожалуйста.

    • @melissamcelroy6864
      @melissamcelroy6864 8 месяцев назад

      Я удивлен, что ты знаешь эту женщину, она хорошая.

    • @GeorgeAltmann
      @GeorgeAltmann 8 месяцев назад

      Пожалуйста, как мне с ней связаться?

    • @GeorgeAltmann
      @GeorgeAltmann 8 месяцев назад

      Спасибо.

  • @natsudragnil4065
    @natsudragnil4065 8 месяцев назад +1

    A kak zhitt to?

    • @VladilenMinin
      @VladilenMinin  8 месяцев назад +1

      на бусти подписывайся, там ответы)

  • @bekboltailakov6944
    @bekboltailakov6944 8 месяцев назад

    А видео не удаляете да надеюсь ?

  • @АндрейПоляков-е5н
    @АндрейПоляков-е5н 5 месяцев назад

    ruclips.net/video/S4HOy6yTclU/видео.html Посмотрел API селекта, в обработчик onSelect 2м параметром приходит option, так что можно избежать лишней пробежки по массиву

  • @seryozhamangushev9638
    @seryozhamangushev9638 7 месяцев назад

    Не сделает, это не тот опыт который нужен, вернее он слишком слаб тем более если его тупа списать!

  • @rokhar3278
    @rokhar3278 8 месяцев назад

    Это видео про web3?

  • @romanmegagunko4650
    @romanmegagunko4650 8 месяцев назад +1

    Там ссылка не на роадмап, а на курсы.

    • @Ольга-и9ч8ж
      @Ольга-и9ч8ж 8 месяцев назад +2

      Вооот! И я в предыдущем стриме голову сломала. А оказывается, нужно зарегиться на курсах, пролистать до фиг пойми скольки страниц, и где-то там будет видос с роадмапом и презентация.

    • @VladilenMinin
      @VladilenMinin  8 месяцев назад

      Рад, что подучилось 🤝😌

  • @3ple-ash
    @3ple-ash 8 месяцев назад +18

    Не хочу обидеть автора, но за 3 часа на готовых компонентах откровенно слабо получилось.

    • @VladilenMinin
      @VladilenMinin  8 месяцев назад +1

      Предложения?

    • @СтранныйСтранник-э2д
      @СтранныйСтранник-э2д 8 месяцев назад +6

      @@VladilenMininлично для себя открыл много нового)спасибо. А так даже хоть топ контент запилишь всегда будут те, которые будут недовольны, это нормально. Невозможно угодить всем

    • @rvoskanyan
      @rvoskanyan 8 месяцев назад +1

      А конкретика где? Вода, а не комментарий - ни чего по существу.

    • @paul.inglsmit
      @paul.inglsmit 8 месяцев назад +1

      Это называется инженерия)

    • @mihinov
      @mihinov 7 месяцев назад +8

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

  • @sanya_s_parmezana
    @sanya_s_parmezana 7 месяцев назад

    Шляпа полная 😂😂

  • @НискемкромеСовести
    @НискемкромеСовести 5 месяцев назад

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