Интернет-магазин. Frontend. Vue 3. Typescript. #2 Header, Button, Icon

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

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

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

    Увлекательный сериал)

  • @Gluhonemou
    @Gluhonemou 11 месяцев назад +4

    Я примерно также сижу, только без видео, просто сам с собой пизжу

  • @Maratreason
    @Maratreason Год назад +1

    О, я тоже верстал этот макет. Где-то полгода назад. Только просто верстал, не на vue, а на обычной сборке. pug+scss+js. Тоже сначала делал ui kit. К слову сказать ui kit там сделан неплохо, вроде бы столько вариантов кнопок и инпутов, но в макете этого и половины не будет использовано. В итоге сверстал весь проект где-то на 70%, сделал фильтры на странице товаров, корзину, оформление, ну т.е. из самого сложного и т.д. А потом плюнул, тупо забил. Переключился на другой макет :)

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

    Нужно было 4 варианта лого прокинуть, у них по 4 состояния, это состояние можно было изменять пропсами в самом svg (Я бы так сделал).
    Ссылку ненужно встраивать, вдруг ты лого на прелодер повесишь или еще где то, зачем привязка к ссылке

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

      Я уже забыл че там, лоадера не видел, в состояния особо не вглядывался, есть принцип yagni, его придерживаюсь, понадобится доработаем)

  • @yaiestslayeryaiestbslayer6786
    @yaiestslayeryaiestbslayer6786 Год назад +2

    Видос топ , даже не зная фреймворка я что то понял для себя. Во👍🏾

  • @ImDeadInside83
    @ImDeadInside83 Год назад +1

    Ля, красиво стелишь братан
    Вставки мемов тоже топ
    Хотелось бы конечно почаще чтобы видосы выходили
    А то постоянно забываешь что там было до

  • @surr3955
    @surr3955 Год назад +1

    Теперь когда работодатель доебется снова с вопросом "почему ты делал кнопку весь день" - буду кидать ему это видео 😅

  • @rise85v
    @rise85v Год назад +2

    Бро у тебя в хэдере 3 блока с gap 40px [лого, кнопка с поиском, личное] в нутри блоков gap 16 px, чуть декомпозицию измени и да пребудет с тобой хайп))

    • @bidlocode
      @bidlocode  Год назад

      Да, как всё элементы соберу, перекомпаную, спасибо)

  • @elixzez
    @elixzez Год назад +1

    Дружище поставь пожалуйста гладкие шрифты в винде )
    А так спасибо за еще один контент)

  • @mitagmio
    @mitagmio Год назад +2

    Что за музыка у тебя на фоне? Можно ссылку.

    • @bidlocode
      @bidlocode  Год назад

      zvukipro.com/music/520-muzyka-bez-avtorskih-prav-dlja-youtube.html

  • @MonteCrush.
    @MonteCrush. Год назад +2

    А логотип не лучше в ссылку обернуть?

    • @bidlocode
      @bidlocode  Год назад

      Да, я так и хотел, ещё вернусь к этому)

  • @Syberby
    @Syberby 10 месяцев назад +1

    нахуя FSD, когда у vue есть своя структура?

    • @bidlocode
      @bidlocode  10 месяцев назад

      Зайди в чатик в тг или в личку можешь рассказать какая там структура у вуе)

  • @surr3955
    @surr3955 Год назад +1

    Совет, не называй компоненты index.vue. У тебя будет открыто куча index.vue потом хуй проссыш че открыто ваще, да и через ctrl+P ни хуя не найти нужный компонент

    • @bidlocode
      @bidlocode  Год назад

      Почему, ищет, там ещё путь показывает где файлик лежит и по папке можно понять, но сомнения твои понимаю)

    • @moon.trance
      @moon.trance Год назад +1

      В FSD вроде все реэкспортится через индекс, но автор не осилил реэкспорты компонентов на вьюшке.
      P.S. export { default as BydloCode } from '@/path/to';

    • @bidlocode
      @bidlocode  Год назад

      @@moon.trance я так и написал, но чет не завелось с ходу, а разбираться было в лом

    • @bidlocode
      @bidlocode  Год назад +1

      Попробовал, получилось, теперь импорт будет выглядеть так import { Button } from '@/shared/button'; Спасибо за наводку, думал с sfc vue так нельзя делать.

    • @surr3955
      @surr3955 Год назад +1

      @@moon.trance суть описанной мной проблемы это не решает. Реэкспорты это дополнение к удобству импорта. А я названии самого компонента. Автор говорит что можно посмотреть на путь к файлу и станет понятно. А я скажу что путь это абстракция которая может меняться. Захочешь ты например перенести какой то компонент в новый проект и что тебе обязательно тянуть и папку в которой он лежит, чтоб сохранить семантику? Короче я за такой подход "./components/base/BaseButton.vue" а вы как хотите. Обнял